/* =========================================================
   PRIME TV — css/index74128.css (landing page)
   ========================================================= */

.hero{
  position:relative;
  padding:96px 0 60px;
  overflow:hidden;
}
.hero-orb{
  position:absolute;
  top:-220px; left:50%; transform:translateX(-50%);
  width:900px; height:900px;
  background:radial-gradient(circle, rgba(200,205,220,.16), rgba(120,125,140,.05) 45%, transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.hero-inner{position:relative;text-align:center;}
.eyebrow{
  display:inline-block;
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-2);
  padding:8px 16px;border-radius:999px;
  background:var(--glass-fill);border:1px solid var(--line-0);
  margin-bottom:26px;
}
.hero-title{
  font-size:clamp(38px,7vw,72px);
  line-height:1.05;
  font-weight:700;
}
.hero-title span{
  background:linear-gradient(120deg,#fff,#9a9ea8 60%,#6d7078);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{
  max-width:560px;margin:26px auto 0;
  color:var(--ink-2);font-size:16.5px;line-height:1.65;
}
.hero-actions{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  margin-top:38px;
}

.hero-preview{
  max-width:640px;margin:64px auto 0;
  padding:22px 26px;
}
.preview-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.preview-chip{
  font-size:12.5px;font-weight:600;color:var(--ink-1);
  padding:7px 14px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid var(--line-0);
  display:flex;align-items:center;gap:7px;
}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ink-2);}
.dot-live{background:#e2685c;box-shadow:0 0 0 3px rgba(226,104,92,.18);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.45;}}
.preview-bars{display:flex;align-items:flex-end;gap:8px;height:64px;}
.preview-bars span{
  flex:1;border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.05));
  animation:bar 2.4s ease-in-out infinite;
}
.preview-bars span:nth-child(1){height:40%;animation-delay:.1s;}
.preview-bars span:nth-child(2){height:70%;animation-delay:.3s;}
.preview-bars span:nth-child(3){height:50%;animation-delay:.5s;}
.preview-bars span:nth-child(4){height:90%;animation-delay:.2s;}
.preview-bars span:nth-child(5){height:60%;animation-delay:.6s;}
.preview-bars span:nth-child(6){height:35%;animation-delay:.4s;}
.preview-bars span:nth-child(7){height:80%;animation-delay:.15s;}
.preview-bars span:nth-child(8){height:45%;animation-delay:.5s;}
@keyframes bar{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.6);}}

/* --- sections --- */
.section{padding:88px 0;}
.section-alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,.02),transparent);}
.section-eyebrow{
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-2);margin-bottom:10px;
}
.section-title{font-size:clamp(26px,4vw,38px);font-weight:700;margin-bottom:44px;}
.wrap-narrow{max-width:760px;}

/* --- how it works --- */
.steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.step{padding:28px 24px;}
.step-index{
  display:block;font-family:var(--f-mono);
  font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.08em;
  margin-bottom:18px;
}
.step h3{font-size:18px;margin-bottom:10px;}
.step p{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin:0;}

/* --- target grid --- */
.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.target-card{padding:30px 26px;}
.target-icon{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;margin-bottom:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.02));
  border:1px solid var(--line-0);color:var(--ink-0);
}
.target-icon svg{width:22px;height:22px;}
.target-card h3{font-size:17px;margin-bottom:9px;}
.target-card p{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin:0;}

/* --- FAQ --- */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{padding:20px 24px;cursor:pointer;}
.faq-item summary{
  list-style:none;cursor:pointer;
  font-weight:600;font-size:15.5px;color:var(--ink-0);font-family:var(--f-body);
  display:flex;align-items:center;justify-content:space-between;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";
  color:var(--ink-2);font-size:20px;font-weight:400;margin-left:16px;transition:transform .3s var(--ease);
}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{margin:14px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.65;}

/* --- final CTA --- */
.final-cta{padding-bottom:40px;}
.cta-panel{
  padding:56px 40px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.cta-panel h2{font-size:clamp(22px,3.4vw,32px);max-width:520px;}

@media (max-width:900px){
  .steps{grid-template-columns:repeat(2,1fr);}
  .target-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr;}
  .hero{padding:70px 0 40px;}
}