/* =========================================================
   ThetaSound Widgets Pack v3
========================================================= */

.theta-ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 22px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transition:.28s ease}
.theta-ui-btn-primary{color:#030305!important;background:linear-gradient(90deg,#9be8ff,#b49cff);box-shadow:0 0 34px rgba(155,232,255,.20)}
.theta-ui-btn-secondary{color:#fff!important;border:1px solid rgba(155,232,255,.38);background:rgba(255,255,255,.045)}
.theta-ui-btn:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(155,232,255,.18)}
.theta-widget-action{margin-top:46px;text-align:center}.theta-widget-empty{color:#aeb0c2!important;text-align:center}

.theta-widget-head{max-width:900px;margin:0 auto 56px;text-align:center}
.theta-widget-head h2,.theta-short-about h2{color:#fff!important;font-size:clamp(38px,6vw,84px);line-height:.88;letter-spacing:-.06em;margin:0 0 22px;text-transform:uppercase}
.theta-widget-head p:not(.section-kicker),.theta-short-about p:not(.section-kicker){max-width:720px;margin:0 auto;color:#aeb0c2!important;font-size:16px;line-height:1.7}

/* Home Hero */
.theta-home-hero-text{position:relative;text-align:center;padding:170px 24px 120px;background:radial-gradient(circle at 50% 10%,rgba(155,232,255,.16),transparent 36%),radial-gradient(circle at 20% 70%,rgba(180,156,255,.08),transparent 32%),linear-gradient(180deg,#020204 0%,#050508 58%,#030305 100%);overflow:hidden}
.theta-home-hero-text::before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 0%,rgba(155,232,255,.045) 45%,transparent 58%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.07),transparent 28%);pointer-events:none}
.theta-home-hero-text>*{position:relative;z-index:2}
.theta-home-kicker{color:#9be8ff!important;font-size:12px;font-weight:900;letter-spacing:.42em;text-transform:uppercase;margin:0 0 24px}
.theta-home-hero-text h1{max-width:1200px;margin:0 auto 28px;color:#fff!important;font-size:clamp(62px,10vw,150px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase;text-shadow:0 28px 90px rgba(0,0,0,.70)}
.theta-home-hero-text p:not(.theta-home-kicker){max-width:760px;margin:0 auto;color:#b9bfd6!important;font-size:clamp(18px,1.6vw,25px);line-height:1.5}
.theta-home-hero-actions{margin-top:38px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}

/* Shared sections */
.theta-trusted-visual,.theta-featured-tracks-section,.theta-catalog-preview,.theta-credits-marquee-cta,.theta-short-about{padding:110px 24px;background:radial-gradient(circle at 50% 0%,rgba(155,232,255,.08),transparent 38%),linear-gradient(180deg,#030305,#080810);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}

/* Trusted visual */
.theta-trusted-visual-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:24px}
.theta-trusted-visual-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(155,232,255,.12),transparent 40%),#0b0b10;border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 80px rgba(0,0,0,.55);transition:.4s ease}
.theta-trusted-visual-poster::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent 38%,rgba(0,0,0,.80)),radial-gradient(circle at 50% 15%,rgba(155,232,255,.10),transparent 32%);opacity:.70;pointer-events:none}
.theta-trusted-visual-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.82) contrast(1.08) grayscale(10%);transform:scale(1.01);transition:.5s ease}
.theta-trusted-visual-fallback{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}
.theta-trusted-visual-fallback span{color:#fff!important;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.theta-trusted-visual-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:22px 18px;transform:translateY(10px);opacity:0;transition:.35s ease}
.theta-trusted-visual-overlay h3{color:#fff!important;margin:0 0 8px;font-size:21px;line-height:1;letter-spacing:-.04em}
.theta-trusted-visual-overlay p{margin:0;color:#9be8ff!important;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.theta-trusted-visual-card:hover .theta-trusted-visual-poster{transform:translateY(-10px) scale(1.025);border-color:rgba(155,232,255,.50);box-shadow:0 42px 120px rgba(0,0,0,.72),0 0 42px rgba(155,232,255,.14)}
.theta-trusted-visual-card:hover img{transform:scale(1.07);filter:brightness(1.02) contrast(1.08)}
.theta-trusted-visual-card:hover .theta-trusted-visual-overlay{opacity:1;transform:translateY(0)}
.theta-trusted-layout-strip .theta-trusted-visual-grid{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px;mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}
.theta-trusted-layout-strip .theta-trusted-visual-card{flex:0 0 150px}

/* Featured tracks */
.theta-featured-tracks-grid{max-width:1280px;margin:0 auto}
.theta-featured-layout-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.theta-featured-track{position:relative;cursor:pointer}
.theta-featured-cover{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:24px;background:#0b0b10;border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 90px rgba(0,0,0,.50);transition:.4s ease}
.theta-featured-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.86) contrast(1.06);transition:.5s ease}
.theta-featured-play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(155,232,255,.58);background:rgba(3,3,5,.72);color:#fff;cursor:pointer;backdrop-filter:blur(10px);opacity:0;transition:.3s ease}
.theta-featured-track:hover .theta-featured-cover{transform:translateY(-10px) scale(1.02);border-color:rgba(155,232,255,.50);box-shadow:0 42px 120px rgba(0,0,0,.70),0 0 44px rgba(155,232,255,.13)}
.theta-featured-track:hover .theta-featured-cover img{transform:scale(1.06);filter:brightness(1.02) contrast(1.06)}
.theta-featured-track:hover .theta-featured-play,.theta-featured-track.theta-is-playing .theta-featured-play{opacity:1;transform:translate(-50%,-50%) scale(1.02);border-color:rgba(155,232,255,.85);box-shadow:0 0 28px rgba(155,232,255,.25)}
.theta-featured-info{padding:20px 4px 0}
.theta-featured-info h3{color:#fff!important;margin:0 0 8px;font-size:25px;letter-spacing:-.04em}
.theta-featured-info p{color:#aeb0c2!important;margin:0 0 14px;font-size:13px}
.theta-featured-meta{display:flex;gap:7px;flex-wrap:wrap}
.theta-featured-meta span{padding:6px 9px;border-radius:999px;background:rgba(155,232,255,.08);color:#9be8ff!important;border:1px solid rgba(155,232,255,.14);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.theta-featured-layout-list{display:grid;gap:12px;max-width:980px}
.theta-featured-layout-list .theta-featured-track{display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:center;padding:14px;border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(155,232,255,.07),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09)}
.theta-featured-layout-list .theta-featured-cover{width:74px;height:74px;border-radius:14px}.theta-featured-layout-list .theta-featured-info{padding:0}.theta-featured-layout-list .theta-featured-play{width:42px;height:42px;opacity:1}

/* Catalog preview */
.theta-catalog-preview-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px}
.theta-catalog-preview-cover{aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:#0b0b10;border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 90px rgba(0,0,0,.50);transition:.35s ease}
.theta-catalog-preview-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.86) contrast(1.06);transition:.45s ease}
.theta-catalog-preview-card:hover .theta-catalog-preview-cover{transform:translateY(-8px) scale(1.02);border-color:rgba(155,232,255,.50);box-shadow:0 42px 120px rgba(0,0,0,.70),0 0 44px rgba(155,232,255,.13)}
.theta-catalog-preview-card:hover .theta-catalog-preview-cover img{transform:scale(1.06);filter:brightness(1.02) contrast(1.06)}
.theta-catalog-preview-card h3{color:#fff!important;margin:18px 0 7px;font-size:22px;letter-spacing:-.04em}
.theta-catalog-preview-card p{color:#9be8ff!important;margin:0 0 6px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.theta-catalog-preview-card span{color:#aeb0c2!important;font-size:13px}

/* Short About */
.theta-short-about{text-align:center}.theta-short-about-inner{max-width:900px;margin:0 auto}.theta-short-about p:not(.section-kicker){max-width:720px;margin:0 auto 34px}

/* Credits marquee wrapper */
.theta-credits-marquee-cta .theta-credits-marquee{margin-left:-24px;margin-right:-24px}

@media(max-width:768px){
  .theta-home-hero-text{padding:125px 18px 86px}.theta-home-hero-text h1{font-size:clamp(54px,19vw,92px)}
  .theta-trusted-visual,.theta-featured-tracks-section,.theta-catalog-preview,.theta-credits-marquee-cta,.theta-short-about{padding:82px 18px}
  .theta-trusted-visual-grid,.theta-catalog-preview-grid,.theta-featured-layout-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .theta-trusted-visual-overlay{opacity:1;transform:none;padding:18px 14px}.theta-trusted-visual-overlay h3{font-size:18px}
  .theta-featured-info h3{font-size:19px}.theta-featured-info p{font-size:12px}.theta-featured-play{width:48px;height:48px;opacity:1}
}


/* Trusted Proof admin-managed version */
.theta-trusted-visual .theta-widget-action {
  margin-top: 44px;
}


/* =========================================================
   Hero Video Upgrade v3
========================================================= */

.theta-home-hero-video {
  min-height: var(--theta-hero-min-height, 92vh);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 170px 24px 120px;
  isolation: isolate;
}

.theta-home-hero-video.has-video {
  background: #030305;
}

.theta-hero-video-bg,
.theta-hero-mobile-image,
.theta-hero-video-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.theta-hero-video-bg {
  z-index: 0;
  overflow: hidden;
  background: #030305;
}

.theta-hero-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter:
    brightness(var(--theta-hero-video-brightness, .55))
    contrast(1.14)
    saturate(.88);
  transform: scale(1.035);
  opacity: 0;
  animation: thetaHeroVideoFade 1.2s ease forwards;
}

@keyframes thetaHeroVideoFade {
  to { opacity: 1; }
}

.theta-hero-mobile-image {
  z-index: 0;
  display: none;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) contrast(1.12);
}

.theta-hero-video-overlay {
  z-index: 1;
  opacity: var(--theta-hero-overlay-opacity, .78);
  background:
    radial-gradient(circle at 50% 18%, rgba(155,232,255,.22), transparent 28%),
    radial-gradient(circle at 22% 72%, rgba(180,156,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.70) 50%, rgba(3,3,5,.94) 100%),
    radial-gradient(circle at center, transparent 0%, rgba(0,0,0,.62) 76%);
}

.theta-home-hero-video::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 220px;
  background: linear-gradient(to bottom, transparent, #030305);
  pointer-events: none;
}

.theta-hero-content {
  position: relative;
  z-index: 3;
  width: 100%;
}

.theta-home-hero-video .theta-home-kicker,
.theta-home-hero-video h1,
.theta-home-hero-video p,
.theta-home-hero-video .theta-home-hero-actions {
  animation: thetaHeroTextRise .9s ease both;
}

.theta-home-hero-video h1 {
  animation-delay: .08s;
}

.theta-home-hero-video p:not(.theta-home-kicker) {
  animation-delay: .16s;
}

.theta-home-hero-video .theta-home-hero-actions {
  animation-delay: .25s;
}

@keyframes thetaHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.theta-home-hero-video h1 {
  text-shadow:
    0 28px 90px rgba(0,0,0,.82),
    0 0 38px rgba(155,232,255,.08);
}

@media (max-width: 768px) {
  .theta-home-hero-video {
    min-height: 78vh;
    padding: 130px 18px 92px;
  }

  .theta-hero-video-bg {
    display: none;
  }

  .theta-hero-mobile-image {
    display: block;
  }

  .theta-hero-video-overlay {
    opacity: .84;
    background:
      radial-gradient(circle at 50% 12%, rgba(155,232,255,.16), transparent 34%),
      linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.74) 58%, rgba(3,3,5,.96) 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theta-hero-video-bg video {
    animation: none;
    opacity: 1;
  }

  .theta-home-hero-video .theta-home-kicker,
  .theta-home-hero-video h1,
  .theta-home-hero-video p,
  .theta-home-hero-video .theta-home-hero-actions {
    animation: none;
  }
}