/* =========================================================
   HADS PREMIUM OPENING V16 — cinematic approved direction
========================================================= */
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e0b13;color:#fff;font-family:"Manrope",Arial,sans-serif}
.intro{position:relative;width:100vw;height:100dvh;min-height:650px;overflow:hidden;background:
 radial-gradient(circle at 50% 44%,rgba(125,68,158,.34) 0,rgba(36,21,46,.25) 25%,transparent 53%),
 radial-gradient(circle at 90% 70%,rgba(147,76,184,.24),transparent 32%),
 radial-gradient(circle at 8% 28%,rgba(86,132,154,.18),transparent 30%),
 linear-gradient(135deg,#10121a 0,#0d1720 37%,#15101d 68%,#22152d 100%)}
.intro:before{content:"";position:absolute;inset:0;background:
 linear-gradient(115deg,rgba(255,255,255,.035),transparent 20%,transparent 76%,rgba(190,109,220,.05)),
 repeating-linear-gradient(90deg,transparent 0 159px,rgba(255,255,255,.014) 160px);pointer-events:none}
.intro:after{content:"";position:absolute;left:-5%;right:-5%;bottom:11.5vh;height:105px;background:
 radial-gradient(ellipse at 50% 50%,rgba(191,89,235,.55) 0,rgba(139,70,183,.20) 30%,transparent 67%);
 filter:blur(18px);opacity:.7;pointer-events:none}
.ambient{filter:blur(95px);opacity:.28}.ambient-a{background:#478aa0}.ambient-b{background:#9853bd}.ambient-c{background:#723c91;opacity:.2}
.logo-relief{left:50%!important;right:auto!important;top:47%!important;width:min(61vw,980px)!important;transform:translate(-50%,-50%) rotate(-1deg)!important;opacity:.035!important;filter:grayscale(1) brightness(3) drop-shadow(0 30px 22px rgba(130,65,166,.45))!important}
.intro-tools{right:24px;top:18px}
.ghost{color:#f5ebfa!important;background:rgba(12,15,22,.4)!important;border:1px solid rgba(220,184,237,.22)!important;box-shadow:0 9px 22px rgba(0,0,0,.24)!important}
.ghost:hover{border-color:rgba(204,121,238,.65)!important;color:#fff!important;background:rgba(106,56,132,.36)!important}
.stage{padding:3.1vh 2vw 2vh!important;max-width:1840px!important}
.story-copy{min-height:13.2vh!important;justify-content:flex-end!important;position:relative;z-index:12}
.eyebrow{color:#d28cf0!important;text-shadow:0 0 25px rgba(188,91,229,.45)!important}
.story-copy h1{font-family:"Syne",Arial,sans-serif!important;font-size:clamp(33px,3.5vw,62px)!important;background:linear-gradient(90deg,#fff 0,#eee6f2 38%,#d08fea 72%,#b15ed4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:0 14px 34px rgba(0,0,0,.25)!important}
.story-copy p{color:#bfc5cf!important;font-size:clamp(12px,1.08vw,17px)!important}
.letters-wrap{width:min(82vw,1310px)!important;height:min(43vh,445px)!important;margin-top:.2vh!important;filter:drop-shadow(0 30px 40px rgba(0,0,0,.36)) drop-shadow(0 0 24px rgba(145,70,184,.2))!important}
.letter-bubble{border:1px solid rgba(255,255,255,.56)!important;box-shadow:inset 0 8px 13px rgba(255,255,255,.35),inset 0 -10px 16px rgba(34,12,43,.34),0 13px 26px rgba(0,0,0,.44),0 0 0 4px rgba(180,86,220,.10),0 0 24px rgba(170,77,211,.22)!important}
.brand-final{top:47%!important;z-index:8!important;text-shadow:0 20px 34px rgba(0,0,0,.35)!important}
.brand-final-logo{width:clamp(180px,19vw,325px)!important;filter:brightness(5) grayscale(1) drop-shadow(0 18px 20px rgba(0,0,0,.36))!important;opacity:.95}
.brand-final span{color:#fff!important;letter-spacing:.2em!important}.brand-final em{color:#d9cae1!important}

/* Final proof bubbles sit lower, under the HADS mark, and stay permanently visible */
.proof-row{width:min(97vw,1700px)!important;gap:11px!important;margin-top:auto!important;margin-bottom:0!important;position:relative;z-index:14;transform:translateY(1.2vh)!important}
.proof-row.show{opacity:1!important}
.proof-row>div{min-height:88px!important;border-radius:27px!important;padding:13px 10px!important;background:linear-gradient(145deg,rgba(55,48,67,.91),rgba(25,31,41,.93))!important;border:1px solid rgba(205,147,230,.26)!important;box-shadow:inset 0 2px 7px rgba(255,255,255,.14),0 10px 0 rgba(13,9,18,.72),0 22px 35px rgba(0,0,0,.37),0 0 0 1px rgba(188,99,224,.06)!important;backdrop-filter:blur(18px)!important}
.proof-row b{color:#fff!important;font-size:clamp(8px,.78vw,12px)!important}.proof-row span{color:#bfc1cb!important;font-size:8.5px!important}
.proof-row.show>div{opacity:0;transform:translate(var(--story-x,0px),var(--story-y,-210px)) scale(1.62);filter:blur(7px)}
.proof-row.show>div.proof-born{animation:hadsStoryDropV16 1.52s cubic-bezier(.18,.80,.18,1.02) forwards!important}
@keyframes hadsStoryDropV16{
  0%{opacity:0;transform:translate(var(--story-x),var(--story-y)) scale(1.62);filter:blur(7px)}
  22%{opacity:.86;filter:blur(2px)}
  70%{opacity:1;transform:translate(calc(var(--story-x)*.06),calc(var(--story-y)*.06)) scale(1.07);filter:none}
  86%{transform:translate(0,-8px) scale(1.04)}
  100%{opacity:1;transform:translate(0,0) scale(1);filter:none}
}
.proof-row.wave-ready>div.proof-born{animation:proofVioletWaveV16 13.5s ease-in-out infinite!important}
.proof-row.wave-ready>div:nth-child(1){animation-delay:0s!important}.proof-row.wave-ready>div:nth-child(2){animation-delay:1.45s!important}.proof-row.wave-ready>div:nth-child(3){animation-delay:2.9s!important}.proof-row.wave-ready>div:nth-child(4){animation-delay:4.35s!important}.proof-row.wave-ready>div:nth-child(5){animation-delay:5.8s!important}.proof-row.wave-ready>div:nth-child(6){animation-delay:7.25s!important}.proof-row.wave-ready>div:nth-child(7){animation-delay:8.7s!important}.proof-row.wave-ready>div:nth-child(8){animation-delay:10.15s!important}.proof-row.wave-ready>div:nth-child(9){animation-delay:11.6s!important}
@keyframes proofVioletWaveV16{
  0%,11%,100%{transform:translateY(0) scale(1);background:linear-gradient(145deg,rgba(55,48,67,.91),rgba(25,31,41,.93));box-shadow:inset 0 2px 7px rgba(255,255,255,.14),0 10px 0 rgba(13,9,18,.72),0 22px 35px rgba(0,0,0,.37)}
  4.8%{transform:translateY(-12px) scale(1.095);background:linear-gradient(145deg,#a55bc8,#61367d);box-shadow:inset 0 2px 8px rgba(255,255,255,.28),0 13px 0 rgba(54,28,70,.84),0 30px 45px rgba(118,54,148,.43),0 0 30px rgba(188,82,230,.28)}
}
.proof-row.wave-ready>div:hover{animation:none!important;transform:translateY(-13px) scale(1.10)!important;background:linear-gradient(145deg,#ae62d2,#663984)!important;box-shadow:inset 0 2px 8px rgba(255,255,255,.3),0 14px 0 rgba(54,28,70,.84),0 34px 48px rgba(118,54,148,.48),0 0 35px rgba(190,86,233,.32)!important}
.proof-row.wave-ready>div:hover b,.proof-row.wave-ready>div:hover span{color:#fff!important}
.enter{margin-top:18px!important;padding:14px 34px!important;background:linear-gradient(135deg,#a559c9,#6f3c8d)!important;box-shadow:0 10px 0 #3f2352,0 22px 34px rgba(0,0,0,.34),0 0 28px rgba(168,78,207,.2)!important}

@media(max-width:1000px){.proof-row{grid-template-columns:repeat(3,1fr)!important;transform:none!important}.proof-row>div{min-height:58px!important}.letters-wrap{height:38vh!important}}
@media(max-width:800px){.stage{padding:4.5vh 14px 2vh!important}.story-copy{min-height:15vh!important}.letters-wrap{height:39vh!important}.proof-row{width:95vw!important;gap:7px!important}.proof-row>div{border-radius:18px!important}.brand-final{top:45.5%!important}}
@media(max-width:430px){.proof-row>div:nth-child(n+7){display:none!important}.story-copy h1{font-size:27px!important}.letters-wrap{height:36vh!important}}