.home-topline .top-title strong{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-size:clamp(18px,2.2vw,31px);
  line-height:1;
  letter-spacing:0;
}

.home-shell{
  max-width:1680px;
  padding-top:22px;
}

.home-command-hero{
  min-height:calc(100vh - 188px);
  display:grid;
  grid-template-columns:minmax(620px,1fr) minmax(420px,.82fr);
  gap:clamp(24px,4vw,54px);
  align-items:center;
}

.home-command-hero:after{
  content:"";
  position:absolute;
  inset:auto 8% 8% auto;
  width:min(36vw,520px);
  aspect-ratio:1;
  border-radius:999px;
  background:conic-gradient(from 80deg,rgba(88,245,255,.24),rgba(255,92,215,.14),rgba(255,209,102,.2),rgba(88,245,255,.24));
  filter:blur(34px);
  opacity:.6;
  pointer-events:none;
}

.home-hero-copy,
.home-live-surface,
.home-room-ribbon > *,
.home-drop-focus > *,
.home-lane-grid > *{
  position:relative;
  z-index:2;
}

.home-hero-copy,
.home-live-surface{
  min-width:0;
}

.home-hero-copy h1{
  margin:0 0 18px;
  font-size:clamp(58px,6vw,92px);
  line-height:.78;
  letter-spacing:0;
  max-width:100%;
  white-space:nowrap;
}

.home-live-surface{
  min-height:620px;
  border:1px solid rgba(88,245,255,.25);
  border-radius:32px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    radial-gradient(circle at 20% 0,rgba(88,245,255,.18),transparent 18rem),
    rgba(0,0,0,.32);
  box-shadow:0 34px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
  padding:clamp(18px,3vw,28px);
  display:grid;
  align-content:space-between;
  gap:22px;
  overflow:hidden;
}

.home-live-surface:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000,transparent 88%);
  opacity:.56;
  pointer-events:none;
}

.surface-bar,
.surface-footer{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(0,0,0,.28);
  padding:14px 16px;
}

.surface-bar span,
.surface-footer span{
  color:var(--soft);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:0;
}

.surface-bar strong{
  color:var(--gold);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0;
}

.surface-bar i{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 22px var(--lime);
}

.surface-footer a{
  color:#061018;
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  border-radius:999px;
  min-height:36px;
  padding:8px 12px;
  text-decoration:none;
  font-weight:950;
  font-size:12px;
  text-transform:uppercase;
}

.surface-sequencer{
  position:relative;
  z-index:2;
  display:grid;
  gap:14px;
}

.sequencer-row{
  min-height:76px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(0,0,0,.24);
  padding:12px 14px;
}

.sequencer-row span{
  color:var(--soft);
  font-size:11px;
  font-weight:950;
}

.sequencer-row b{
  display:block;
  width:var(--w);
  height:34px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));
  box-shadow:0 0 28px rgba(88,245,255,.22);
}

.surface-pipeline{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.surface-pipeline article,
.drop-proof-stack article,
.room-ribbon a{
  border:1px solid var(--line);
  background:rgba(0,0,0,.26);
  border-radius:22px;
  padding:14px;
}

.surface-pipeline article{
  min-height:126px;
  display:grid;
  align-content:space-between;
}

.surface-pipeline span,
.drop-proof-stack span,
.room-ribbon span{
  color:var(--cyan);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}

.surface-pipeline strong,
.drop-proof-stack strong,
.room-ribbon strong{
  color:var(--text);
  line-height:1.08;
}

.surface-pipeline small{
  color:var(--soft);
  line-height:1.3;
}

.home-room-ribbon .section-head h2{
  font-size:clamp(36px,5vw,78px);
  line-height:.86;
  margin:6px 0 0;
}

.room-ribbon{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.room-ribbon a{
  min-height:132px;
  display:grid;
  align-content:space-between;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.room-ribbon a:hover{
  transform:translateY(-3px);
  border-color:var(--line-hot);
  background:linear-gradient(135deg,rgba(88,245,255,.15),rgba(255,92,215,.09));
}

.home-drop-focus{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
  gap:clamp(20px,3vw,42px);
  align-items:center;
}

.home-drop-focus h2{
  margin:0 0 16px;
  font-size:clamp(44px,7vw,108px);
  line-height:.82;
  letter-spacing:0;
}

.drop-proof-stack{
  display:grid;
  gap:12px;
}

.drop-proof-stack article{
  display:grid;
  gap:8px;
  min-height:106px;
}

.home-lane-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.home-lane-grid h3{
  margin:8px 0 12px;
  font-size:clamp(30px,3.8vw,54px);
  line-height:.92;
  letter-spacing:0;
}

.home-lane-grid p{
  color:var(--soft);
  line-height:1.55;
}

@media(max-width:1180px){
  .home-command-hero,
  .home-drop-focus{
    grid-template-columns:1fr;
  }

  .home-command-hero{
    min-height:auto;
  }

  .home-live-surface{
    min-height:520px;
  }

  .surface-pipeline{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .room-ribbon,
  .home-lane-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .home-topline .top-title strong{
    font-size:17px;
    line-height:1.12;
  }

  .home-hero-copy h1{
    font-size:clamp(40px,12vw,48px);
    line-height:.82;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .home-live-surface{
    width:100%;
    min-height:0;
    border-radius:24px;
  }

  .surface-pipeline{
    display:flex;
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding-bottom:8px;
  }

  .surface-pipeline article{
    flex:0 0 150px;
    min-height:108px;
    scroll-snap-align:start;
  }

  .surface-sequencer{
    gap:8px;
  }

  .sequencer-row{
    min-height:56px;
    grid-template-columns:58px minmax(0,1fr);
  }

  .sequencer-row b{
    height:24px;
  }

  .surface-bar,
  .surface-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (pointer:coarse), (max-width:760px){
  .neon-motion-chrome{
    display:none;
  }

  #pulse-field.living-background,
  .skyesol-living-field,
  .grain{
    opacity:.28;
  }
}

@media (prefers-reduced-motion:reduce){
  .neon-motion-chrome,
  #pulse-field.living-background,
  .skyesol-living-field{
    display:none;
  }

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}