.product-hero {
  position: relative;
  padding: 82px 0 58px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(rgba(105,195,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105,195,255,.035) 1px, transparent 1px);
  background-size: 48px 48px;
}
.product-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:58px; align-items:center; }
.product-hero .hero-copy { padding:0; }
.product-hero .hero-title { max-width:850px; margin:18px 0 24px; font-size:64px; line-height:1.02; letter-spacing:0; }
.product-hero .hero-text { max-width:810px; margin:0; font-size:19px; }
.hero-credibility { max-width:780px; margin:20px 0 0; color:#8df0d9; font-size:14px; font-weight:700; }
.product-path-console { padding:26px; border:1px solid rgba(105,195,255,.24); border-radius:8px; background:rgba(6,14,27,.74); box-shadow:0 26px 70px rgba(0,0,0,.24); }
.product-path-label { margin:0 0 24px; color:#69c3ff; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.product-path { position:relative; margin:0; padding:0; list-style:none; display:grid; gap:0; }
.product-path:before { content:""; position:absolute; top:15px; bottom:15px; left:14px; width:1px; background:linear-gradient(#69c3ff,#8df0d9,#ffbd59); }
.product-path li { position:relative; display:grid; grid-template-columns:30px 1fr; gap:14px; align-items:center; min-height:50px; color:#c7d6e9; font-size:14px; font-weight:700; }
.product-path-node { position:relative; z-index:1; width:29px; height:29px; display:grid; place-items:center; border:1px solid rgba(105,195,255,.52); border-radius:50%; color:#8df0d9; background:#0b1424; font-size:10px; }
.hero-evidence { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:54px 0 0; padding:0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.hero-evidence-item { padding:20px 24px; border-right:1px solid rgba(255,255,255,.1); }
.hero-evidence-item:first-child { padding-left:0; }
.hero-evidence-item:last-child { border-right:0; }
.hero-evidence dt { color:#f5f9ff; font-size:30px; font-weight:850; line-height:1; }
.hero-evidence dd { margin:7px 0 0; color:#9fb0c8; font-size:13px; line-height:1.35; }

.building-sharing { background:#f6f9fd; color:#162033; }
.building-sharing .section-copy,.product-capabilities .section-copy { color:#5b6980; }
.building-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr); gap:24px; margin-top:34px; align-items:start; }
.ready-card,.opening-streams { border:1px solid #d9e3ef; border-radius:8px; background:#fff; box-shadow:0 20px 50px rgba(13,31,54,.08); }
.ready-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); gap:32px; padding:30px; }
.ready-kicker,.streams-kicker,.capability-number { color:#2472b6; font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.ready-card h3 { margin:10px 0 12px; font-size:32px; line-height:1.08; letter-spacing:0; }
.ready-summary,.ready-role { color:#5b6980; }
.ready-role { margin-top:18px; padding-left:14px; border-left:3px solid #69c3ff; }
.ready-details { display:grid; grid-template-columns:1fr; gap:18px; margin-top:24px; }
.ready-details h4 { margin:0 0 9px; color:#162033; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.ready-list,.ready-tech { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.ready-list li,.ready-tech li { padding:6px 9px; border:1px solid #d9e3ef; border-radius:4px; color:#47566d; background:#f8fbff; font-size:12px; }
.ready-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.ready-actions .btn { min-height:46px; border-radius:6px; }
.ready-actions .btn-secondary { color:#162033; background:#fff; border-color:#b9c8da; }
.ready-visual { align-self:stretch; min-height:360px; padding:22px; display:flex; flex-direction:column; justify-content:space-between; border-radius:6px; color:#edf4ff; background:#0b1220; overflow:hidden; }
.ready-mark { color:#8df0d9; font-size:11px; font-weight:800; letter-spacing:.12em; }
.ready-question { margin:18px 0; font-size:42px; line-height:1; font-weight:900; letter-spacing:0; }
.readiness-track { display:grid; gap:10px; }
.readiness-row { display:grid; grid-template-columns:86px 1fr auto; gap:10px; align-items:center; color:#9fb0c8; font-size:11px; }
.readiness-bar { height:7px; background:rgba(255,255,255,.08); }
.readiness-bar span { display:block; height:100%; background:#69c3ff; }
.readiness-row:nth-child(2) .readiness-bar span { background:#8df0d9; }
.readiness-row:nth-child(3) .readiness-bar span { background:#ffbd59; }
.ready-decision { margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ready-decision span { padding:12px 8px; border:1px solid rgba(255,255,255,.12); text-align:center; font-size:11px; font-weight:800; }
.ready-decision span:first-child { color:#8df0d9; border-color:rgba(141,240,217,.4); }

.opening-streams { padding:24px; transition:transform .25s,border-color .25s; }
.streams-featured .opening-streams { border-color:#69c3ff; transform:translateY(-4px); box-shadow:0 24px 58px rgba(36,114,182,.16); }
.has-live-stream .streams-kicker { display:none; }
.opening-streams h3 { margin:8px 0 18px; font-size:24px; }
.opening-stream-list { display:grid; gap:12px; }
.opening-stream-item { display:block; overflow:hidden; border:1px solid #d9e3ef; border-radius:6px; background:#f8fbff; }
.opening-stream-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; background:#101a2a; }
.opening-stream-thumb img { width:100%; height:100%; display:block; object-fit:cover; }
.opening-stream-play { position:absolute; inset:0; display:grid; place-items:center; color:white; background:rgba(7,16,31,.12); font-size:30px; }
.opening-stream-copy { display:block; padding:13px; }
.opening-stream-copy strong { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#162033; font-size:14px; line-height:1.35; }
.opening-stream-copy time { display:block; margin-top:7px; color:#718097; font-size:12px; }
.opening-stream-item:not(.opening-stream-item--featured) { display:grid; grid-template-columns:112px 1fr; }
.opening-stream-item:not(.opening-stream-item--featured) .opening-stream-copy { align-self:center; }
.streams-empty { margin:0; padding:30px 18px; border:1px dashed #c7d3e1; color:#718097; text-align:center; font-size:14px; }
.streams-unavailable .streams-empty:before { content:""; display:block; width:8px; height:8px; margin:0 auto 12px; border-radius:50%; background:#ffbd59; }

.product-capabilities { background:#fff; color:#162033; }
.capabilities-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:30px; }
.capability-card { padding:24px; border-top:3px solid #69c3ff; border-right:1px solid #d9e3ef; border-bottom:1px solid #d9e3ef; border-left:1px solid #d9e3ef; border-radius:6px; background:#fff; }
.capability-card:nth-child(2) { border-top-color:#8df0d9; }
.capability-card:nth-child(3) { border-top-color:#a983ff; }
.capability-card:nth-child(4) { border-top-color:#ffbd59; }
.capability-card h3 { margin:13px 0 15px; font-size:20px; line-height:1.2; }
.capability-card ul { margin:0; padding-left:18px; color:#5b6980; font-size:14px; }
.capability-card li + li { margin-top:8px; }
.product-hero a:focus-visible,.building-sharing a:focus-visible,.product-capabilities a:focus-visible {
  outline:3px solid #ffbd59;
  outline-offset:3px;
}

@media (max-width:1000px) {
  .product-hero-grid,.building-grid { grid-template-columns:1fr; }
  .product-hero .hero-title { font-size:50px; }
  .product-path-console { max-width:620px; }
  .capabilities-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .product-hero { padding:58px 0 40px; }
  .product-hero .hero-title { font-size:40px; }
  .hero-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-evidence-item:nth-child(2) { border-right:0; }
  .hero-evidence-item:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }
  .hero-evidence-item:nth-child(3) { padding-left:0; }
  .ready-card { grid-template-columns:1fr; padding:22px; }
  .ready-visual { min-height:320px; }
  .capabilities-grid { grid-template-columns:1fr; }
}
@media (max-width:420px) {
  .product-hero .hero-title { font-size:34px; }
  .product-hero .hero-text { font-size:17px; }
  .product-path-console { padding:20px; }
  .hero-evidence-item { padding:17px 10px; }
  .hero-evidence dt { font-size:26px; }
  .ready-question { font-size:34px; }
  .opening-stream-item:not(.opening-stream-item--featured) { grid-template-columns:96px 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .streams-featured .opening-streams { transform:none; }
}