.streaming-hero{
  position:relative;
  padding-top:72px;
  padding-bottom:88px;
  overflow-x:clip;
  max-width:100%;
}
.streaming-hero::before{
  content:"";
  position:absolute;
  inset:-80px 0 0;
  background:linear-gradient(180deg,var(--alpha-green-07),var(--alpha-green-04) 52%,var(--alpha-bg-00));
  pointer-events:none;
}
.streaming-hero-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,46fr) minmax(0,54fr);
  gap:56px;
  align-items:center;
}
.streaming-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.streaming-hero-copy h1{
  max-width:620px;
  margin:24px 0 0;
}
.streaming-lead{
  max-width:620px;
  margin:24px 0 0;
  font-size:19px;
  line-height:1.75;
}
.streaming-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
  flex-wrap:wrap;
}
.streaming-trust{
  display:flex;
  align-items:center;
  gap:10px 18px;
  margin-top:22px;
  color:var(--color-muted);
  font-size:13px;
  font-weight:700;
  flex-wrap:wrap;
}
.streaming-trust span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.streaming-visual{
  position:relative;
  min-width:0;
  padding:18px 28px 42px 0;
}
.streaming-screen{
  position:relative;
  min-height:510px;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:linear-gradient(155deg,var(--color-deep-start),var(--color-deep-end));
  box-shadow:var(--shadow-panel),inset 0 1px 0 var(--alpha-white-10);
}
.streaming-screen::before{
  content:"";
  position:absolute;
  top:-150px;
  right:-100px;
  width:460px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(circle,var(--alpha-green-18),var(--alpha-green-08) 42%,var(--alpha-green-00) 72%);
}
.streaming-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(100% 70% at 20% 100%,var(--alpha-black-28),var(--alpha-black-00) 72%);
  pointer-events:none;
}
.screen-topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:0 24px;
  border-bottom:1px solid var(--alpha-white-10);
  color:var(--alpha-white-72);
  font:700 11px/1.3 var(--font-mono);
  letter-spacing:.05em;
}
.screen-signal{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 0 0 4px var(--alpha-green-18);
}
.screen-route{
  margin-left:auto;
  color:var(--color-accent-soft);
  letter-spacing:0;
}
.screen-content{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  min-height:350px;
}
.screen-orbit{
  position:relative;
  width:min(390px,78%);
  aspect-ratio:1;
  border:1px solid var(--alpha-white-18);
  border-radius:50%;
}
.screen-orbit::before,
.screen-orbit::after{
  content:"";
  position:absolute;
  border:1px solid var(--alpha-white-10);
  border-radius:50%;
}
.screen-orbit::before{
  inset:12%;
}
.screen-orbit::after{
  inset:27%;
}
.screen-core{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:42%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle at 72% 24%,var(--color-accent-soft),var(--color-accent) 18%,var(--color-globe) 58%,var(--color-deep-mid));
  box-shadow:0 24px 60px -18px var(--alpha-green-50),inset -18px -20px 36px var(--alpha-deep-42);
}
.screen-core svg{
  width:72%;
  height:72%;
  fill:none;
  stroke:var(--alpha-white-62);
  stroke-width:1;
}
.orbit-chip{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border:1px solid var(--alpha-white-18);
  border-radius:var(--radius-pill);
  background:var(--color-deep-mid);
  color:var(--color-white);
  box-shadow:0 12px 30px -14px var(--alpha-black-28);
  font:700 10px/1 var(--font-mono);
  white-space:nowrap;
}
.orbit-chip-one{
  left:-6%;
  top:20%;
}
.orbit-chip-two{
  right:-5%;
  top:28%;
}
.orbit-chip-three{
  left:3%;
  bottom:14%;
}
.orbit-chip-four{
  right:-2%;
  bottom:18%;
}
.screen-receipts{
  position:absolute;
  z-index:4;
  right:18px;
  bottom:18px;
  display:grid;
  gap:9px;
  width:min(260px,58%);
}
.media-receipt{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--alpha-text-06);
  border-radius:var(--radius-md);
  background:var(--color-panel);
  box-shadow:var(--highlight),var(--shadow-card);
}
.media-receipt div{
  min-width:0;
}
.media-receipt strong,
.media-receipt small{
  display:block;
}
.media-receipt strong{
  font-size:13px;
}
.media-receipt small{
  margin-top:2px;
  overflow:hidden;
  color:var(--color-muted);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.receipt-mark{
  width:12px;
  height:12px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 0 0 4px var(--alpha-green-18);
}
.visual-note{
  position:absolute;
  right:0;
  bottom:12px;
  z-index:5;
  max-width:calc(100% - 24px);
  padding:8px 14px;
  overflow:hidden;
  border:1px solid var(--color-border);
  border-radius:var(--radius-pill);
  background:var(--color-panel);
  box-shadow:var(--highlight),var(--shadow-card);
  color:var(--color-muted);
  font:700 11px/1.4 var(--font-mono);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.section-heading{
  max-width:820px;
  margin-bottom:40px;
}
.section-heading h2{
  margin:18px 0 16px;
}
.section-heading p{
  margin-bottom:0;
  font-size:17px;
  line-height:1.8;
}
.meaning-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:24px;
  align-items:stretch;
}
.meaning-main{
  padding:36px;
}
.meaning-main p{
  font-size:16px;
  line-height:1.85;
}
.meaning-main p:last-child{
  margin-bottom:0;
}
.meaning-side{
  display:grid;
  gap:14px;
}
.meaning-card{
  position:relative;
  padding:22px 22px 20px 74px;
}
.meaning-card h3{
  margin-bottom:8px;
  font-size:20px;
}
.meaning-card p{
  margin-bottom:0;
}
.meaning-index{
  position:absolute;
  left:20px;
  top:22px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--color-accent);
  color:var(--color-text);
  font-size:11px;
  font-weight:800;
}
.support-section{
  background:linear-gradient(180deg,var(--alpha-bg-00),var(--alpha-green-04),var(--alpha-bg-00));
}
.streaming-table td{
  min-width:150px;
}
.streaming-table td:first-child{
  min-width:150px;
}
.streaming-table td:nth-child(2),
.streaming-table td:nth-child(4),
.streaming-table td:nth-child(5){
  min-width:220px;
}
.support-state{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--color-text);
  font-weight:750;
  white-space:nowrap;
}
.support-state .status-dot{
  width:7px;
  height:7px;
}
.ip-comparison{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.ip-panel{
  min-width:0;
  padding:30px;
}
.ip-panel > p{
  font-size:16px;
  line-height:1.85;
}
.ip-title-row{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.ip-title-row h3{
  margin-bottom:0;
}
.ip-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent);
}
.ip-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:var(--color-deep-start);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ip-panel .feature-inner{
  margin-top:24px;
}
.ip-panel .feature-inner p{
  margin:8px 0 0;
}
.quality-section{
  background:var(--color-panel-soft);
}
.quality-layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:42px;
  align-items:start;
}
.quality-copy{
  position:sticky;
  top:96px;
}
.quality-copy h2{
  margin:18px 0;
}
.quality-copy p{
  font-size:16px;
  line-height:1.85;
}
.quality-checklist{
  display:grid;
  gap:1px;
  padding:12px 28px;
}
.quality-item{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:18px;
  padding:26px 0;
}
.quality-item + .quality-item{
  border-top:1px solid var(--color-border);
}
.quality-node{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--color-accent);
  font:800 13px/1 var(--font-mono);
}
.quality-item h3{
  margin-bottom:8px;
  font-size:21px;
}
.quality-item p{
  margin-bottom:0;
}
.error-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.error-card{
  padding:26px;
}
.error-label{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:4px 11px;
  border-radius:var(--radius-pill);
  background:var(--color-accent-soft);
  color:var(--color-accent-dark);
  font-size:12px;
  font-weight:800;
}
.error-card h3{
  margin:18px 0 10px;
  font-size:22px;
}
.error-card p{
  margin-bottom:0;
  line-height:1.8;
}
.stream-flow{
  position:relative;
  display:grid;
  gap:22px;
}
.stream-flow::before{
  content:"";
  position:absolute;
  left:52px;
  top:44px;
  bottom:44px;
  width:1px;
  background:var(--color-border);
}
.flow-step{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:20px;
  align-items:start;
  padding:28px;
}
.flow-node{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 12px 24px -8px var(--alpha-green-55);
}
.flow-node svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:var(--color-deep-start);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.flow-body h3{
  margin-bottom:10px;
}
.flow-body p{
  max-width:900px;
  margin-bottom:0;
  font-size:16px;
  line-height:1.8;
}
.device-section{
  padding-top:48px;
  padding-bottom:48px;
  border-radius:var(--radius-xl);
  background:var(--color-panel-soft);
  box-shadow:var(--highlight),var(--shadow-accent);
}
.device-section .section-heading{
  padding-inline:40px;
}
.device-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding-inline:40px;
}
.device-note{
  padding:24px;
}
.device-note h3{
  font-size:21px;
}
.device-note p{
  margin-bottom:0;
  line-height:1.8;
}
.streaming-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  padding:40px;
  border-radius:var(--radius-xl);
  background:linear-gradient(145deg,var(--color-deep-start),var(--color-deep-end));
  box-shadow:var(--shadow-panel);
}
.streaming-next h2{
  margin:18px 0 12px;
  color:var(--color-white);
}
.streaming-next p{
  max-width:760px;
  margin-bottom:0;
  color:var(--alpha-white-72);
  font-size:16px;
}
.streaming-next .badge{
  border-color:var(--alpha-white-18);
  background:var(--alpha-white-10);
  color:var(--color-accent-soft);
  box-shadow:none;
}
.streaming-next-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.streaming-next-actions .btn:not(.btn-primary){
  border-color:var(--alpha-white-34);
  background:var(--alpha-white-10);
  color:var(--color-white);
}
.streaming-next-actions .btn:not(.btn-primary):hover{
  border-color:var(--color-white);
}

@media (max-width:1100px){
  .streaming-hero-layout{
    grid-template-columns:1fr;
  }
  .streaming-hero-copy{
    max-width:760px;
  }
  .streaming-visual{
    max-width:780px;
    width:100%;
    margin-inline:auto;
  }
  .meaning-grid,
  .quality-layout{
    grid-template-columns:1fr;
  }
  .quality-copy{
    position:static;
  }
}
@media (max-width:900px){
  .ip-comparison,
  .error-grid{
    grid-template-columns:1fr;
  }
  .device-notes{
    grid-template-columns:1fr;
  }
  .streaming-next{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .streaming-hero{
    padding-top:48px;
    padding-bottom:64px;
  }
  .streaming-hero-layout{
    gap:34px;
  }
  .streaming-lead{
    font-size:17px;
  }
  .streaming-visual{
    padding:0;
  }
  .streaming-screen{
    min-height:0;
    aspect-ratio:4/3;
  }
  .screen-content{
    min-height:68%;
  }
  .screen-orbit{
    width:66%;
  }
  .orbit-chip{
    font-size:8px;
  }
  .screen-receipts{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .visual-note{
    display:none;
  }
  .meaning-main,
  .ip-panel{
    padding:26px;
  }
  .device-section{
    padding-top:34px;
    padding-bottom:34px;
  }
  .device-section .section-heading,
  .device-notes{
    padding-inline:24px;
  }
  .streaming-next{
    padding:30px;
  }
}
@media (max-width:640px){
  .streaming-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .streaming-actions .btn{
    width:100%;
  }
  .streaming-trust{
    display:grid;
    grid-template-columns:1fr;
  }
  .screen-topline{
    min-height:44px;
    padding-inline:14px;
  }
  .screen-route{
    display:none;
  }
  .screen-content{
    min-height:62%;
  }
  .screen-orbit{
    width:72%;
  }
  .orbit-chip-three,
  .orbit-chip-four{
    display:none;
  }
  .screen-receipts{
    grid-template-columns:1fr;
  }
  .media-receipt{
    padding:9px 11px;
  }
  .media-receipt:nth-child(2){
    display:none;
  }
  .meaning-card{
    padding:20px 20px 20px 68px;
  }
  .quality-checklist{
    padding-inline:18px;
  }
  .quality-item{
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
  }
  .quality-node{
    width:40px;
    height:40px;
  }
  .error-card{
    padding:22px;
  }
  .stream-flow::before{
    left:44px;
  }
  .flow-step{
    grid-template-columns:52px minmax(0,1fr);
    gap:14px;
    padding:22px 18px;
  }
  .flow-node{
    width:44px;
    height:44px;
  }
  .device-section .section-heading,
  .device-notes{
    padding-inline:18px;
  }
  .streaming-next{
    padding:24px;
  }
  .streaming-next-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .streaming-next-actions .btn{
    width:100%;
  }
}