.sg-home-band {
  width: min(1240px, calc(100% - 40px));
  margin: 82px auto;
  padding: clamp(28px, 5vw, 62px);
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
  align-items: center;
  gap: clamp(36px, 6vw, 88px);
  border: 1px solid rgba(71, 130, 143, .16);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(228,243,244,.82));
  box-shadow: 0 30px 80px rgba(55, 98, 110, .12);
  overflow: hidden;
}
.sg-home-copy { min-width: 0; }
.sg-home-kicker { margin: 0 0 16px; color: #337f85; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.sg-home-copy h2 { margin: 0; color: #16323b; font-size: clamp(38px, 4.5vw, 62px); line-height: 1.02; letter-spacing: -.06em; text-wrap: balance; }
.sg-home-copy > p:not(.sg-home-kicker) { max-width: 650px; margin: 23px 0 0; color: #647982; line-height: 1.75; }
.sg-home-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; }
.sg-home-actions a { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(58, 119, 132, .2); border-radius: 14px; color: #163b45; background: rgba(255,255,255,.84); font-size: 12px; font-weight: 850; text-decoration: none; }
.sg-home-actions a:first-child { color: #fff; border-color: transparent; background: linear-gradient(135deg,#317e84,#577eb3); box-shadow: 0 13px 28px rgba(50, 111, 128, .2); }
.sg-home-visual { min-height: 330px; position: relative; display: grid; place-items: center; perspective: 1100px; }
.sg-home-console { width: min(100%, 590px); padding: 22px; display: grid; gap: 14px; border: 1px solid rgba(255,255,255,.96); border-radius: 26px; background: rgba(255,255,255,.78); box-shadow: 0 26px 60px rgba(48, 94, 105, .16), inset 0 0 0 1px rgba(70, 133, 146, .09); transform: rotateY(-5deg) rotateX(2deg); }
.sg-home-console-head { display: flex; align-items: center; gap: 8px; color: #69808a; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.sg-home-console-head i { width: 8px; height: 8px; border-radius: 50%; background: #57a7aa; box-shadow: 0 0 0 6px rgba(87,167,170,.1); }
.sg-home-path { min-height: 125px; position: relative; border: 1px solid rgba(61, 119, 133, .12); border-radius: 18px; background: linear-gradient(180deg,rgba(240,248,249,.88),rgba(255,255,255,.72)); overflow: hidden; }
.sg-home-path::before { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; height: 2px; background: linear-gradient(90deg,rgba(70,153,160,.22),rgba(70,153,160,.85),rgba(87,126,179,.7)); }
.sg-home-path::after { content: ""; position: absolute; top: 0; bottom: 0; width: 74px; left: -20%; background: linear-gradient(90deg,transparent,rgba(79,170,176,.22),rgba(255,255,255,.9),transparent); animation: sg-home-scan 4.8s ease-in-out infinite; }
.sg-home-path span { position: absolute; top: 50%; width: 14px; height: 14px; border: 3px solid #fff; border-radius: 50%; background: #4fa1a7; box-shadow: 0 0 0 4px rgba(79,161,167,.12); transform: translate(-50%,-50%); }
.sg-home-path span:nth-child(1) { left: 8%; }.sg-home-path span:nth-child(2) { left: 29%; }.sg-home-path span:nth-child(3) { left: 50%; }.sg-home-path span:nth-child(4) { left: 71%; }.sg-home-path span:nth-child(5) { left: 92%; background: #5b7fb5; }
.sg-home-state { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.sg-home-state span { min-height: 54px; padding: 10px; display: grid; gap: 2px; border: 1px solid rgba(61,119,133,.11); border-radius: 12px; background: rgba(247,251,251,.9); }
.sg-home-state b { color: #2c7379; font-size: 9px; letter-spacing: .08em; }.sg-home-state small { color: #6d818a; font-size: 9px; }
@keyframes sg-home-scan { 0%,12% { left: -20%; opacity: 0; } 25%,72% { opacity: 1; } 90%,100% { left: 110%; opacity: 0; } }
@media(max-width:920px){.sg-home-band{grid-template-columns:1fr}.sg-home-visual{min-height:280px}.sg-home-console{transform:none}}
@media(max-width:600px){.sg-home-band{width:calc(100% - 20px);margin:54px auto;padding:26px 18px;border-radius:24px}.sg-home-actions{display:grid}.sg-home-actions a{width:100%}.sg-home-state{grid-template-columns:1fr}.sg-home-visual{min-height:360px}.sg-home-console{padding:14px}}
@media(prefers-reduced-motion:reduce){.sg-home-path::after{animation:none;left:44%;opacity:.28}.sg-home-console{transform:none}}
