:root{--bg:#06101a;--deep:#02060b;--panel:#0b1724;--line:#1f3f5a;--text:#eef8ff;--muted:#9cb0c0;--ice:#6fd8ff;--blue:#168cff;--green:#75ff75;--shadow:0 30px 90px rgba(0,0,0,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#06101a 0%,#081622 45%,#02060b 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#071018;border-bottom:1px solid rgba(111,216,255,.18)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:20px;letter-spacing:.08em}.brand small{display:block;color:#c5d5e2;font-size:15px;margin-top:3px}.topbar nav{display:flex;gap:28px;align-items:center;color:#dce7ef}.pill{border:1px solid rgba(111,216,255,.55);padding:12px 20px;border-radius:999px}.menu{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:690px;display:grid;grid-template-columns:.72fr 1fr;align-items:center;gap:40px;padding:76px 32px;max-width:1560px;margin:auto;background:radial-gradient(circle at 70% 20%,rgba(111,216,255,.13),transparent 35%)}.eyebrow{text-transform:uppercase;color:var(--ice);font-weight:900;letter-spacing:.18em;font-size:13px}.hero h1{font-size:clamp(48px,5.7vw,88px);line-height:.95;letter-spacing:-.06em;margin:20px 0}.tagline{font-size:27px;color:var(--ice);font-weight:800;margin:0 0 14px}.sub,.sectionhead p,.statement p,.demo p{font-size:18px;line-height:1.65;color:#c5d5e2}.actions{display:flex;gap:16px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(111,216,255,.28);border-radius:14px;padding:14px 22px;font-weight:900}.primary{background:linear-gradient(135deg,var(--blue),var(--ice));color:#03101a}.hero-screen,.card,.statement,.demo,.devicebar{border:1px solid rgba(111,216,255,.18);background:linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));border-radius:24px;box-shadow:var(--shadow)}.hero-screen{padding:14px}.hero-screen img{border-radius:18px}.statement{max-width:1460px;margin:0 auto 30px;padding:34px 40px}.statement h2{font-size:38px;margin:0 0 10px}
.module{max-width:1510px;margin:auto;padding:78px 32px}.sectionhead{max-width:940px;margin-bottom:30px}.sectionhead h2{font-size:clamp(36px,4.1vw,60px);line-height:1;letter-spacing:-.05em;margin:10px 0 16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{overflow:hidden}.imgbtn{display:block;width:100%;padding:0;background:none;border:0;cursor:pointer}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.3s transform}.card:hover img{transform:scale(1.025)}.cardbody{padding:15px 16px 18px}.cardbody span{display:inline-block;color:var(--ice);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.cardbody h3{font-size:20px;margin:0 0 7px}.cardbody p{font-size:14.5px;color:var(--muted);line-height:1.5;margin:0}
.devicebar{margin-top:22px;padding:24px}.devicebar h3{text-align:center;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.devices div{border-left:1px solid rgba(111,216,255,.22);padding-left:18px}.devices b{display:block;color:white;font-size:18px}.devices span{display:block;color:#aebdca;font-size:14px;margin-top:6px;line-height:1.5}
.tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tab{padding:12px 20px;border-radius:999px;border:1px solid rgba(111,216,255,.2);background:rgba(255,255,255,.04);color:white;font-weight:900}.tab.active{background:rgba(22,140,255,.28);border-color:rgba(111,216,255,.7)}.panel{display:none}.panel.active{display:block}.demo{max-width:1460px;margin:70px auto 90px;padding:40px;display:flex;justify-content:space-between;gap:26px;align-items:center}.demo h2{font-size:42px;margin:0 0 12px}footer{border-top:1px solid rgba(111,216,255,.18);padding:32px;display:flex;gap:20px;justify-content:center;align-items:center;color:#b9c8d4}footer img{width:86px}footer strong{display:block;color:white;letter-spacing:.1em}footer span{display:block}
.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:80;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal img{max-width:96vw;max-height:88vh;border-radius:16px;border:1px solid rgba(111,216,255,.25)}.modal button{position:fixed;top:18px;right:24px;border-radius:50%;width:48px;height:48px;font-size:32px;color:white;background:#081420;border:1px solid rgba(111,216,255,.3)}
@media(max-width:1220px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1080px){.hero{grid-template-columns:1fr}}@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.devices{grid-template-columns:1fr}}@media(max-width:780px){.topbar nav{display:none}.menu{display:block}.grid{grid-template-columns:1fr}.hero{padding:50px 18px}.module{padding-left:18px;padding-right:18px}.brand small{font-size:12px}.brand strong{font-size:16px}}


/* V8 cleanup overrides */
.hero {
  min-height: 330px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.hero h1 {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}
.statement, .message-bar, .core-strip {
  display: none !important;
}
.module, .product-section, .solution-section {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.sectionhead, .section-head {
  margin-bottom: 16px !important;
}
.grid, .asset-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.cardbody, .asset-copy {
  padding: 14px 15px 16px !important;
}
.cardbody h3, .asset-copy h3 {
  font-size: 20px !important;
}
.cardbody p, .asset-copy p {
  font-size: 14.5px !important;
}
.card img, .asset-card img {
  aspect-ratio: 16 / 10 !important;
}
.final-cta {
  max-width: 1460px;
  margin: 36px auto 54px;
  padding: 34px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  border: 1px solid rgba(111,216,255,.18);
  background: linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));
  border-radius: 24px;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.final-cta h2 {
  font-size: 38px;
  margin: 0 0 10px;
}
.final-cta p {
  color: #c5d5e2;
  font-size: 17px;
  line-height: 1.55;
}
@media(max-width:1220px){
  .grid, .asset-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media(max-width:860px){
  .grid, .asset-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .final-cta { flex-direction: column; align-items: flex-start; margin-left: 18px; margin-right: 18px; }
}
@media(max-width:620px){
  .grid, .asset-grid { grid-template-columns: 1fr !important; }
}


/* V9 hero typography adjustment */
.hero h1 {
  font-size: clamp(32px, 3.4vw, 52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}
.hero {
  min-height: 320px !important;
}
.hero-screen, .hero-image, .hero-visual {
  align-self: center !important;
}


/* V10 cleanup overrides */
.hero {
  min-height: 310px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.hero h1 {
  font-size: clamp(30px, 3.2vw, 50px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}
.hero .tagline, .tagline {
  font-size: clamp(18px, 1.8vw, 24px) !important;
  margin-bottom: 8px !important;
}
.hero-screen, .hero-image, .hero-visual {
  align-self: center !important;
  max-width: 88% !important;
  justify-self: center !important;
}
.statement, .message-bar, .core-strip {
  display: none !important;
}
.module, .product-section, .solution-section {
  padding-top: 32px !important;
  padding-bottom: 34px !important;
}
.sectionhead, .section-head {
  margin-bottom: 16px !important;
}
.grid, .asset-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.cardbody, .asset-copy {
  padding: 14px 15px 16px !important;
}
.cardbody h3, .asset-copy h3 {
  font-size: 20px !important;
}
.cardbody p, .asset-copy p {
  font-size: 14.5px !important;
}
.card img, .asset-card img {
  aspect-ratio: 16 / 10 !important;
}
.final-cta {
  max-width: 1460px;
  margin: 34px auto 54px;
  padding: 34px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  border: 1px solid rgba(111,216,255,.18);
  background: linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));
  border-radius: 24px;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.final-cta h2 {
  font-size: 38px;
  margin: 0 0 10px;
}
.final-cta p {
  color: #c5d5e2;
  font-size: 17px;
  line-height: 1.55;
}
@media(max-width:1220px){
  .grid, .asset-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media(max-width:860px){
  .grid, .asset-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .final-cta { flex-direction: column; align-items: flex-start; margin-left: 18px; margin-right: 18px; }
}
@media(max-width:620px){
  .grid, .asset-grid { grid-template-columns: 1fr !important; }
}

/* V12 app-home redesign */
.home-hero{min-height:540px;display:grid;grid-template-columns:.82fr 1fr;align-items:center;gap:38px;padding:48px 32px 34px;max-width:1560px;margin:auto}
.home-copy h1{font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.055em;margin:14px 0 12px}
.hero-line{color:var(--ice,#6fd8ff);font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1.18;margin:0 0 14px}.home-copy .sub{max-width:680px}
.home-screen{border:1px solid rgba(111,216,255,.18);background:linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));border-radius:26px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.home-screen img{border-radius:18px}
.apps-section{max-width:1510px;margin:auto;padding:42px 32px 26px}.sectionhead.center{text-align:center;margin-left:auto;margin-right:auto}
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.app-card{display:flex;flex-direction:column;min-height:430px;border:1px solid rgba(111,216,255,.18);background:linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45);transition:.25s}.app-card:hover{transform:translateY(-5px);border-color:rgba(111,216,255,.55)}.app-card img{width:100%;aspect-ratio:16/12;object-fit:cover}.app-card h3{font-size:25px;margin:18px 20px 8px}.app-card p{color:#c5d5e2;font-size:16px;line-height:1.5;margin:0 20px 14px}.app-card span{margin:auto 20px 22px;color:var(--ice,#6fd8ff);font-weight:900}
.detail-section{max-width:1510px;margin:auto;padding:42px 32px 34px}.detail-section .sectionhead h2{font-size:clamp(36px,4vw,58px)}.devicebar{max-width:1460px;margin:18px auto 28px}
@media(max-width:1220px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.home-hero{grid-template-columns:1fr;min-height:auto;padding:34px 18px 24px}}@media(max-width:620px){.app-grid{grid-template-columns:1fr}.apps-section,.detail-section{padding-left:18px;padding-right:18px}}


/* V13 app-tile hero refocus */
.home-hero {
  min-height: 560px !important;
  grid-template-columns: .78fr 1.12fr !important;
  gap: 30px !important;
}
.hero-apps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-self: center;
}
.hero-app {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  min-height: 132px;
  border: 1px solid rgba(111,216,255,.18);
  background: linear-gradient(180deg,rgba(12,27,42,.96),rgba(5,13,22,.96));
  border-radius: 18px;
  box-shadow: 0 22px 70px rgba(0,0,0,.38);
  transition: transform .22s ease, border-color .22s ease;
}
.hero-app:hover {
  transform: translateY(-3px);
  border-color: rgba(111,216,255,.58);
}
.hero-app img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 12px;
}
.hero-app strong {
  display: block;
  font-size: 18px;
  letter-spacing: .04em;
  margin-bottom: 5px;
}
.hero-app span {
  display: block;
  color: #c5d5e2;
  font-size: 13px;
  line-height: 1.28;
}
.hero-app.command {
  grid-column: span 2;
}
.app-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.app-card {
  min-height: 355px !important;
}
.app-card img {
  aspect-ratio: 16 / 10.5 !important;
}
.app-card h3 {
  font-size: 20px !important;
  margin: 12px 15px 5px !important;
}
.app-card p {
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 0 15px 9px !important;
}
.app-card span {
  font-size: 12.5px !important;
  margin: auto 15px 15px !important;
}
@media(max-width:1350px){
  .app-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media(max-width:1220px){
  .hero-apps { grid-template-columns: 1fr; }
  .hero-app.command { grid-column: span 1; }
}
@media(max-width:900px){
  .home-hero { grid-template-columns: 1fr !important; }
}
@media(max-width:700px){
  .app-grid { grid-template-columns: 1fr !important; }
}


/* V14 icon-only application cards */
.brand small {
  display: none !important;
}
.brand div {
  display: flex;
  align-items: center;
}
.topbar .brand img {
  width: 48px !important;
  height: 48px !important;
}
.hero-app {
  grid-template-columns: 78px 1fr !important;
  min-height: 124px !important;
  padding: 14px !important;
}
.hero-app img {
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}
.hero-app strong {
  font-size: 18px !important;
}
.hero-app span {
  font-size: 13px !important;
  line-height: 1.28 !important;
}
.app-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.app-card {
  min-height: 310px !important;
  align-items: center !important;
  text-align: center !important;
  padding-top: 20px !important;
}
.app-card img {
  width: 132px !important;
  height: 132px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
.app-card h3 {
  font-size: 20px !important;
  margin: 12px 16px 6px !important;
}
.app-card p {
  font-size: 13px !important;
  line-height: 1.32 !important;
  margin: 0 16px 10px !important;
}
.app-card span {
  font-size: 12.5px !important;
  margin: auto 16px 16px !important;
}
@media(max-width:1350px){
  .app-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media(max-width:760px){
  .hero-app { grid-template-columns: 64px 1fr !important; }
  .hero-app img { width: 60px !important; height: 60px !important; }
}


/* V19 hero application logos only */
.hero-apps img,
.applications-hero img,
.hero-app img,
.app-card img {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  background: #05080c !important;
  flex: 0 0 88px !important;
}

/* Prevent the hero app cards from becoming tall columns */
.hero-apps,
.applications-hero {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 14px !important;
}

.hero-apps > *,
.applications-hero > *,
.hero-app,
.app-card {
  min-width: 0 !important;
}

@media (max-width: 900px) {
  .hero-apps,
  .applications-hero {
    grid-template-columns: 1fr !important;
  }
}


/* V21 expanded hero card descriptions */
.hero-app-description {
  margin: 6px 0 0 0 !important;
  font-size: 13.5px !important;
  line-height: 1.42 !important;
  color: #c7d7e5 !important;
  max-width: 520px !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card {
  min-height: 176px !important;
  padding: 22px !important;
  align-items: center !important;
}

.hero-apps,
.applications-hero {
  gap: 16px !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img {
  width: 94px !important;
  height: 94px !important;
  object-fit: contain !important;
  flex: 0 0 94px !important;
}

@media (max-width: 900px) {
  .hero-app,
  .app-card,
  .hero-card,
  .application-card,
  .module-card {
    min-height: auto !important;
  }
}


/* V22: keep taglines and add full app descriptions below */
.hero-app-detail {
  margin: 9px 0 0 0 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  color: #b9cbd8 !important;
  max-width: 560px !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card {
  min-height: 215px !important;
  padding: 24px !important;
  align-items: center !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img {
  width: 92px !important;
  height: 92px !important;
  object-fit: contain !important;
  flex: 0 0 92px !important;
}

@media (max-width: 900px) {
  .hero-app,
  .app-card,
  .hero-card,
  .application-card,
  .module-card {
    min-height: auto !important;
  }
}


/* V23 hero application card text layout */
.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card {
  min-height: 250px !important;
  padding: 24px !important;
  align-items: center !important;
}

.hero-app h3,
.app-card h3,
.hero-card h3,
.application-card h3,
.module-card h3,
.hero-app strong,
.app-card strong,
.hero-card strong,
.application-card strong,
.module-card strong {
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

.hero-app p:not(.hero-app-detail):first-of-type,
.app-card p:not(.hero-app-detail):first-of-type,
.hero-card p:not(.hero-app-detail):first-of-type,
.application-card p:not(.hero-app-detail):first-of-type,
.module-card p:not(.hero-app-detail):first-of-type,
.hero-app span:not(.hero-app-detail):first-of-type,
.app-card span:not(.hero-app-detail):first-of-type,
.hero-card span:not(.hero-app-detail):first-of-type {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.hero-app-detail {
  display: block !important;
  margin: 10px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  color: #bfd0dc !important;
  max-width: 580px !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img {
  width: 92px !important;
  height: 92px !important;
  object-fit: contain !important;
  flex: 0 0 92px !important;
}

@media (max-width: 900px) {
  .hero-app,
  .app-card,
  .hero-card,
  .application-card,
  .module-card {
    min-height: auto !important;
  }
}


/* V24 completed Guardian and Remote Worker hero descriptions */
.hero-app-detail {
  display: block !important;
  margin: 10px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  color: #bfd0dc !important;
  max-width: 580px !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card {
  min-height: 250px !important;
  padding: 24px !important;
}


/* V25 completed all hero app descriptions */
.hero-app-detail {
  display: block !important;
  margin: 10px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  color: #bfd0dc !important;
  max-width: 580px !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card,
.suite-card,
.product-card,
.app-tile,
.tile {
  min-height: 250px !important;
  padding: 24px !important;
}


/* V26 reduce hero app cards so all five fit higher on page */
.home-hero,
.hero,
.hero-section {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card,
.suite-card,
.product-card,
.app-tile,
.tile {
  min-height: 205px !important;
  padding: 18px !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img,
.suite-card img,
.product-card img,
.app-tile img,
.tile img {
  width: 78px !important;
  height: 78px !important;
  flex: 0 0 78px !important;
}

.hero-app h3,
.app-card h3,
.hero-card h3,
.application-card h3,
.module-card h3,
.suite-card h3,
.product-card h3,
.app-tile h3,
.tile h3,
.hero-app strong,
.app-card strong,
.hero-card strong {
  font-size: 19px !important;
  margin-bottom: 5px !important;
}

.hero-app p:not(.hero-app-detail):first-of-type,
.app-card p:not(.hero-app-detail):first-of-type,
.hero-card p:not(.hero-app-detail):first-of-type,
.application-card p:not(.hero-app-detail):first-of-type,
.module-card p:not(.hero-app-detail):first-of-type {
  font-size: 14.5px !important;
  line-height: 1.28 !important;
  margin-bottom: 6px !important;
}

.hero-app-detail {
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin-top: 7px !important;
  padding-top: 7px !important;
}

.hero-apps,
.applications-hero {
  gap: 10px !important;
}


/* V27 HERO COMPRESSION */

.home-hero,
.hero,
.hero-section{
    padding-top:12px !important;
    padding-bottom:18px !important;
}

.hero-content h1,
.hero h1{
    font-size:90% !important;
    margin-bottom:6px !important;
}

.hero-content p,
.hero-content .subtitle,
.hero .subtitle{
    font-size:92% !important;
    line-height:1.3 !important;
}

/* Keep text size but reduce card height */

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card,
.suite-card,
.product-card,
.app-tile,
.tile{
    min-height:165px !important;
    padding:14px 22px !important;
}

.hero-app-detail{
    margin-top:6px !important;
    padding-top:6px !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img{
    width:74px !important;
    height:74px !important;
    flex:0 0 74px !important;
}


/* V28: keep layout, compress opening hero and app hero cards */

/* Opening hero wording: slightly smaller and moved up */
.home-hero,
.hero,
.hero-section {
  padding-top: 6px !important;
  padding-bottom: 12px !important;
}

.hero-content,
.hero-copy,
.hero-left {
  margin-top: -18px !important;
  padding-top: 0 !important;
}

.hero-content h1,
.hero-copy h1,
.hero-left h1,
.hero h1 {
  font-size: clamp(40px, 4.4vw, 64px) !important;
  line-height: 1.03 !important;
  margin-bottom: 10px !important;
}

.hero-content .subtitle,
.hero-copy .subtitle,
.hero-left .subtitle,
.hero .subtitle,
.hero-content .lead,
.hero-copy .lead,
.hero-left .lead {
  font-size: clamp(21px, 2vw, 29px) !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
}

/* App hero cards: wider/longer and less tall without reducing card font */
.hero-apps,
.applications-hero,
.app-grid,
.applications-grid {
  grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
  gap: 10px 14px !important;
  align-content: start !important;
}

.hero-app,
.app-card,
.hero-card,
.application-card,
.module-card,
.suite-card,
.product-card,
.app-tile,
.tile {
  min-height: 138px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.hero-app:nth-child(5),
.app-card:nth-child(5),
.hero-card:nth-child(5),
.application-card:nth-child(5),
.module-card:nth-child(5),
.suite-card:nth-child(5),
.product-card:nth-child(5),
.app-tile:nth-child(5),
.tile:nth-child(5) {
  min-height: 122px !important;
}

.hero-app h3,
.app-card h3,
.hero-card h3,
.application-card h3,
.module-card h3,
.suite-card h3,
.product-card h3,
.app-tile h3,
.tile h3,
.hero-app strong,
.app-card strong,
.hero-card strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
  margin-bottom: 5px !important;
}

.hero-app p:not(.hero-app-detail):first-of-type,
.app-card p:not(.hero-app-detail):first-of-type,
.hero-card p:not(.hero-app-detail):first-of-type,
.application-card p:not(.hero-app-detail):first-of-type,
.module-card p:not(.hero-app-detail):first-of-type {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: 5px !important;
  color: #fff !important;
}

.hero-app-detail {
  font-size: 12.5px !important;
  line-height: 1.28 !important;
  margin-top: 6px !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(255,255,255,.13) !important;
}

.hero-app img,
.app-card img,
.hero-card img,
.application-card img,
.module-card img,
.suite-card img,
.product-card img,
.app-tile img,
.tile img {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  object-fit: contain !important;
}

@media (max-width: 1050px) {
  .hero-apps,
  .applications-hero,
  .app-grid,
  .applications-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .hero-content,
  .hero-copy,
  .hero-left {
    margin-top: 0 !important;
  }
}


/* V30: only Command app hero removed; remaining four app heroes preserved */
.hero-apps,
.applications-hero,
.app-grid,
.applications-grid {
  grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
}


/* V33 Application intro */
.armor-app-intro{
  max-width:1200px;
  margin:20px auto 10px auto;
  padding:0 20px;
}
.armor-app-intro h2{
  margin-bottom:8px;
}
.armor-app-intro p{
  margin:0;
  opacity:.9;
}


/* V36 approved concept layout built into site */

/* Hero stays clean without app cards inside it */
.home-hero {
  display: block !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 56px 42px 42px 42px !important;
}

.home-copy {
  max-width: 790px !important;
}

.home-copy h1 {
  font-size: clamp(46px, 5.4vw, 76px) !important;
  line-height: 1.02 !important;
  margin-bottom: 14px !important;
}

.home-copy .hero-line {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.16 !important;
  margin-bottom: 18px !important;
}

.home-copy .sub {
  max-width: 790px !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

/* Separate centered app intro */
.apps-intro-section {
  border-top: 1px solid rgba(92, 200, 255, .18) !important;
  padding: 30px 28px 14px 28px !important;
}

.armor-app-intro {
  max-width: 940px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.armor-app-intro h2 {
  margin: 0 0 8px 0 !important;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  color: #f3f8fc !important;
}

.armor-app-intro p {
  margin: 0 auto !important;
  max-width: 840px !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.45 !important;
  color: #d8e6ef !important;
}

/* Four-card application showcase */
.apps-showcase {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 16px 42px 52px 42px !important;
}

.apps-showcase .hero-apps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.apps-showcase .hero-app {
  min-height: 320px !important;
  padding: 24px 22px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  border-radius: 18px !important;
}

.apps-showcase .hero-app img {
  width: 82px !important;
  height: 82px !important;
  flex: 0 0 82px !important;
  object-fit: contain !important;
}

.apps-showcase .hero-app strong {
  display: block !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 0 10px 0 !important;
}

.apps-showcase .hero-app-detail {
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #d5e2ec !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

/* Command app hero removed from card showcase */
.apps-showcase .hero-app.command {
  display: none !important;
}

@media (max-width: 1200px) {
  .apps-showcase .hero-apps {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .home-hero {
    padding: 38px 22px 30px 22px !important;
  }

  .apps-showcase {
    padding: 14px 20px 34px 20px !important;
  }

  .apps-showcase .hero-apps {
    grid-template-columns: 1fr !important;
  }

  .apps-showcase .hero-app {
    min-height: auto !important;
  }
}


/* V37: compress hero vertically so product line is visible without scrolling */
.home-hero {
  padding: 28px 46px 22px 46px !important;
}

.home-copy {
  max-width: 1180px !important;
}

.home-copy h1 {
  max-width: 1180px !important;
  font-size: clamp(38px, 4.1vw, 58px) !important;
  line-height: 1.0 !important;
  margin-bottom: 10px !important;
}

.home-copy .hero-line {
  max-width: 1180px !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.12 !important;
  margin-bottom: 10px !important;
}

.home-copy .sub {
  max-width: 1120px !important;
  font-size: 16px !important;
  line-height: 1.38 !important;
  margin-bottom: 18px !important;
}

.home-copy .actions {
  margin-top: 0 !important;
}

.apps-intro-section {
  padding: 18px 28px 8px 28px !important;
}

.armor-app-intro h2 {
  font-size: clamp(24px, 2vw, 31px) !important;
  margin-bottom: 6px !important;
}

.armor-app-intro p {
  max-width: 1050px !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
}

.apps-showcase {
  padding: 10px 42px 38px 42px !important;
}

.apps-showcase .hero-app {
  min-height: 245px !important;
  padding: 18px 18px !important;
  gap: 14px !important;
}

.apps-showcase .hero-app img {
  width: 70px !important;
  height: 70px !important;
  flex: 0 0 70px !important;
}

.apps-showcase .hero-app strong {
  font-size: 20px !important;
  margin-bottom: 7px !important;
}

.apps-showcase .hero-app-detail {
  font-size: 13px !important;
  line-height: 1.28 !important;
}


/* V38: remove blank vertical space between hero and app section */
.home-hero {
  min-height: auto !important;
  height: auto !important;
  padding-top: 24px !important;
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
}

.home-copy {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home-copy .actions {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.apps-intro-section {
  margin-top: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

.apps-showcase {
  padding-top: 8px !important;
}

/* Override earlier section-height rules if present */
section.home-hero,
main .home-hero {
  min-height: unset !important;
}


/* V40: split site into landing + separate application pages */
.home-hero {
  min-height: auto !important;
  height: auto !important;
  padding-top: 24px !important;
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
}

.apps-intro-section {
  margin-top: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

.apps-showcase {
  padding-top: 8px !important;
  padding-bottom: 42px !important;
}

.apps-showcase .hero-apps,
.landing-apps .hero-apps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
  gap: 16px !important;
}

.apps-showcase .hero-app,
.landing-apps .hero-app {
  min-height: 280px !important;
  padding: 22px 20px !important;
}

.module-page {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

.module-page > section {
  scroll-margin-top: 90px;
}

.command-summary {
  padding-top: 42px !important;
}

@media (max-width: 1200px) {
  .apps-showcase .hero-apps,
  .landing-apps .hero-apps {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .apps-showcase .hero-apps,
  .landing-apps .hero-apps {
    grid-template-columns: 1fr !important;
  }
  .apps-showcase .hero-app,
  .landing-apps .hero-app {
    min-height: auto !important;
  }
}


/* V41 remove application intro section */
.apps-intro-section,
.armor-app-intro {
    display:none !important;
}

.apps-showcase,
.landing-apps {
    margin-top:0 !important;
    padding-top:0 !important;
}

.home-hero {
    padding-bottom:6px !important;
    margin-bottom:0 !important;
}


/* V43 remove lower ARMOR Applications selector section only */
.apps-section {
  display: none !important;
}


.hero-app strong,
.app-card h3,
.hero-app h3{
font-size:24px !important;
font-weight:800 !important;
}

.hero-app-detail,
.app-card span,
.app-card p{
font-size:15px !important;
line-height:1.4 !important;
}

.topbar .brand img,
.brand img{
max-height:42px !important;
width:auto !important;
}