/* V27: remove cramped six-tile diagram and replace with a command-led product preview */
.platform-hero-v26{
  grid-template-columns: minmax(360px,.82fr) minmax(520px,1.18fr) !important;
  gap: clamp(44px,5vw,78px) !important;
  align-items:center !important;
  padding-top: clamp(54px,7vw,86px) !important;
  min-height: 690px;
}
.platform-command-preview-v27{
  width:100%;
  max-width:720px;
  margin-left:auto;
  padding:26px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 12%, rgba(30,231,255,.18), transparent 34%),
    radial-gradient(circle at 98% 92%, rgba(168,60,255,.20), transparent 42%),
    linear-gradient(145deg, rgba(8,21,45,.94), rgba(16,14,44,.92));
  border-color:rgba(120,188,255,.24);
  box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.platform-command-preview-v27:after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px dashed rgba(143,238,255,.08);
  border-radius:24px;
  pointer-events:none;
}
.command-preview-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 2px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:20px;
}
.command-preview-top strong{font-size:16px;color:#fff;letter-spacing:-.01em;}
.command-preview-top em{margin-left:auto;font-style:normal;text-transform:uppercase;color:#62f4ff;font-size:12px;font-weight:900;letter-spacing:.12em;}
.command-hero-card{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:96px 1fr;
  gap:22px;
  align-items:center;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(145deg, rgba(18,42,78,.70), rgba(12,20,50,.62));
  border:1px solid rgba(143,238,255,.18);
  box-shadow: inset 0 0 34px rgba(30,231,255,.06);
}
.command-mark{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:radial-gradient(circle at 50% 20%, rgba(30,231,255,.22), rgba(255,255,255,.03));
  border:1px solid rgba(143,238,255,.18);
}
.command-mark img{width:42px;height:auto;display:block;}
.command-copy span{
  display:block;
  color:#74efff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
  margin-bottom:8px;
}
.command-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:10px;
}
.command-copy p{margin:0;max-width:500px;color:#b8c7df;line-height:1.55;font-size:15px;}
.command-flow-list{
  position:relative;
  z-index:2;
  display:grid;
  gap:13px;
  margin-top:18px;
}
.command-flow-row{
  display:grid;
  grid-template-columns:52px 1fr 42px;
  gap:16px;
  align-items:center;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}
.command-flow-row i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#47efff;
  background:rgba(30,231,255,.08);
  border:1px solid rgba(30,231,255,.18);
}
.command-flow-row svg{width:22px;height:22px;}
.command-flow-row strong{display:block;color:#fff;font-size:17px;margin-bottom:3px;letter-spacing:-.015em;}
.command-flow-row small{display:block;color:#aebcd3;font-size:13px;line-height:1.4;}
.command-flow-row > span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#9ceeff;
  background:rgba(143,238,255,.08);
  border:1px solid rgba(143,238,255,.12);
  font-weight:900;
  font-size:12px;
}
.command-status-strip{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(90deg, rgba(30,231,255,.10), rgba(168,60,255,.10));
  border:1px solid rgba(143,238,255,.16);
}
.command-status-strip b{color:#fff;font-size:14px;}
.command-status-strip span{color:#9fecff;font-size:13px;font-weight:800;}
/* polish platform text balance */
.platform-copy-v26 h1{max-width:620px;}
.platform-copy-v26 .lead{max-width:620px;}
/* avoid old preview rules affecting this replacement */
.platform-command-preview-v27 .suite-grid,
.platform-command-preview-v27 .suite-card{all:unset;}
@media(max-width:1100px){
  .platform-hero-v26{grid-template-columns:1fr !important;min-height:0;}
  .platform-command-preview-v27{max-width:none;margin:0;}
}
@media(max-width:760px){
  .platform-command-preview-v27{padding:18px;border-radius:24px;}
  .command-hero-card{grid-template-columns:1fr;padding:20px;gap:16px;}
  .command-mark{width:74px;height:74px;border-radius:20px;}
  .command-flow-row{grid-template-columns:44px 1fr;padding:14px;}
  .command-flow-row > span{display:none;}
  .command-flow-row i{width:40px;height:40px;}
  .command-status-strip{display:grid;gap:6px;}
}