/* V36 — Cinematic Discover onboarding: PLAN first, PERSONA second */
#aaDiscoverCinematicV36{
  position:fixed;
  inset:0;
  z-index:9985;
  overflow:hidden;
  background:#050308;
  color:#fff;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  opacity:1;
  transition:opacity .62s cubic-bezier(.22,.61,.36,1);
}
@supports(height:100dvh){
  #aaDiscoverCinematicV36{height:100dvh}
}
#aaDiscoverCinematicV36.isLeaving{opacity:0}
#aaDiscoverCinematicV36 .aaV36Stage{
  position:absolute;
  inset:-1%;
  width:102%;
  height:102%;
  object-fit:cover;
  opacity:0;
  visibility:hidden;
  transform:scale(1.015);
  filter:saturate(.94) contrast(1.03) brightness(.78);
  transition:
    opacity .48s cubic-bezier(.22,.61,.36,1),
    transform 3.2s cubic-bezier(.22,.61,.36,1),
    filter .6s ease,
    visibility 0s linear .52s;
  will-change:opacity,transform,filter;
}
#aaDiscoverCinematicV36 .aaV36Stage.isActive{
  opacity:1;
  visibility:visible;
  transform:scale(1.045);
  transition:
    opacity .48s cubic-bezier(.22,.61,.36,1),
    transform 3.2s cubic-bezier(.22,.61,.36,1),
    filter .6s ease,
    visibility 0s;
}
#aaDiscoverCinematicV36 .aaV36Stage[data-shot="1"]{
  filter:saturate(.86) contrast(1.05) brightness(.62);
}
#aaDiscoverCinematicV36 .aaV36Stage[data-shot="2"]{
  filter:saturate(1.03) contrast(1.04) brightness(.74);
}
#aaDiscoverCinematicV36 .aaV36Stage[data-shot="3"]{
  filter:saturate(.98) contrast(1.04) brightness(.73);
}
#aaDiscoverCinematicV36:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 18%,rgba(164,88,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(4,2,7,.05) 0%,rgba(4,2,7,.05) 34%,rgba(4,2,7,.22) 56%,rgba(4,2,7,.72) 100%);
}
#aaDiscoverCinematicV36 .aaV36Copy{
  position:absolute;
  z-index:6;
  inset:0;
  padding:
    calc(28px + env(safe-area-inset-top))
    22px
    calc(34px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  pointer-events:none;
}
#aaDiscoverCinematicV36 .aaV36Word{
  position:absolute;
  left:22px;
  right:18px;
  bottom:calc(88px + env(safe-area-inset-bottom));
  opacity:0;
  transform:translateY(18px);
  transition:opacity .36s ease,transform .52s cubic-bezier(.22,.61,.36,1);
}
#aaDiscoverCinematicV36 .aaV36Word.isOn{
  opacity:1;
  transform:translateY(0);
}
#aaDiscoverCinematicV36 .aaV36PlanCopy{
  font-family:Syne,system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(56px,17vw,104px);
  line-height:.82;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:0 10px 34px rgba(0,0,0,.38);
}
#aaDiscoverCinematicV36 .aaV36PlanCopy span{
  display:block;
}
#aaDiscoverCinematicV36 .aaV36PlanCopy .aaHuge{
  font-size:1.12em;
  color:#fff;
}
#aaDiscoverCinematicV36 .aaV36PersonCopy{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(72px,24vw,138px);
  line-height:.78;
  font-weight:600;
  letter-spacing:-.07em;
  text-shadow:0 12px 38px rgba(0,0,0,.42);
}
#aaDiscoverCinematicV36 .aaV36Final{
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  font-family:Syne,system-ui,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
#aaDiscoverCinematicV36 .aaV36Final span{
  display:block;
  font-size:clamp(54px,17vw,98px);
  line-height:.82;
  letter-spacing:-.055em;
  text-shadow:0 10px 34px rgba(0,0,0,.38);
}
#aaDiscoverCinematicV36 .aaV36Final .aaBoth{
  margin-top:8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,13vw,76px);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.045em;
  color:#f2dfff;
}
#aaDiscoverCinematicV36 .aaV36Micro{
  position:absolute;
  z-index:7;
  left:22px;
  right:22px;
  bottom:calc(24px + env(safe-area-inset-bottom));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.62);
  font:850 7.5px/1.2 system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  pointer-events:none;
}
#aaDiscoverCinematicV36 .aaV36Micro b{
  color:#fff;
  font-weight:950;
}
#aaDiscoverCinematicV36 .aaV36Progress{
  display:flex;
  gap:5px;
  flex:0 0 auto;
}
#aaDiscoverCinematicV36 .aaV36Progress i{
  width:18px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.20);
  transition:background .22s ease,width .22s ease;
}
#aaDiscoverCinematicV36[data-phase="1"] .aaV36Progress i:nth-child(1),
#aaDiscoverCinematicV36[data-phase="2"] .aaV36Progress i:nth-child(-n+2),
#aaDiscoverCinematicV36[data-phase="3"] .aaV36Progress i:nth-child(-n+3),
#aaDiscoverCinematicV36[data-phase="4"] .aaV36Progress i{
  background:#fff;
}
#aaDiscoverCinematicV36 .aaV36Tap{
  position:absolute;
  inset:0;
  z-index:10;
  border:0;
  background:transparent;
  color:transparent;
}
@media(max-width:390px){
  #aaDiscoverCinematicV36 .aaV36Word{left:18px;right:14px}
  #aaDiscoverCinematicV36 .aaV36PlanCopy{font-size:clamp(50px,16.5vw,86px)}
  #aaDiscoverCinematicV36 .aaV36PersonCopy{font-size:clamp(66px,22vw,118px)}
}
@media(prefers-reduced-motion:reduce){
  #aaDiscoverCinematicV36 .aaV36Stage,
  #aaDiscoverCinematicV36 .aaV36Word{transition:none}
}

/* V36.2 — free the gaze: lower final statement + subtle eye push-in */
#aaDiscoverCinematicV36 .aaV36Stage[data-shot="3"]{
  transform-origin:50% 42%;
}
#aaDiscoverCinematicV36[data-phase="4"] .aaV36Stage[data-shot="3"].isActive{
  transform:scale(1.105);
  transition:
    opacity .48s cubic-bezier(.22,.61,.36,1),
    transform 3.1s cubic-bezier(.22,.61,.36,1),
    filter .6s ease,
    visibility 0s;
}
#aaDiscoverCinematicV36 .aaV36Final{
  top:18vh;
  bottom:0;
}
@media(max-width:430px){
  #aaDiscoverCinematicV36 .aaV36Final{
    top:20vh;
  }
}
@media(prefers-reduced-motion:reduce){
  #aaDiscoverCinematicV36[data-phase="4"] .aaV36Stage[data-shot="3"].isActive{
    transform:scale(1.045);
  }
}


/* V36.3 — lower final statement further so the gaze remains dominant */
#aaDiscoverCinematicV36 .aaV36Final{
  top:31vh;
}
@media(max-width:430px){
  #aaDiscoverCinematicV36 .aaV36Final{
    top:34vh;
  }
}


/* V36.4 — branded session end card */
#aaDiscoverCinematicV36 .aaV36EndCard{
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:
    calc(28px + env(safe-area-inset-top))
    20px
    calc(34px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 72% 18%,rgba(120,70,184,.18),transparent 27%),
    linear-gradient(180deg,rgba(5,3,8,.90),rgba(5,3,8,.98));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .48s ease,visibility 0s linear .5s;
}
#aaDiscoverCinematicV36.isEndCard .aaV36EndCard{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .48s ease,visibility 0s;
}
#aaDiscoverCinematicV36.isEndCard .aaV36Copy,
#aaDiscoverCinematicV36.isEndCard .aaV36Micro{
  opacity:0;
  pointer-events:none;
}
#aaDiscoverCinematicV36 .aaV36EndInner{
  width:min(430px,100%);
  padding:34px 28px 28px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(155deg,rgba(19,14,24,.88),rgba(9,7,12,.92));
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(22px) saturate(1.05);
  backdrop-filter:blur(22px) saturate(1.05);
  text-align:center;
}
#aaDiscoverCinematicV36 .aaV36EndInner small{
  display:block;
  color:#b9a0c8;
  font:800 9px/1 system-ui,sans-serif;
  letter-spacing:.17em;
}
#aaDiscoverCinematicV36 .aaV36EndInner h2{
  margin:0 0 16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,13vw,74px);
  line-height:.84;
  font-weight:500;
  letter-spacing:-.045em;
}
#aaDiscoverCinematicV36 .aaV36EndInner p{
  max-width:340px;
  margin:0 auto;
  color:rgba(255,255,255,.66);
  font:500 14px/1.5 system-ui,sans-serif;
}
#aaDiscoverCinematicV36 .aaV36EndInner p b{
  color:#fff;
  font-weight:800;
}
#aaDiscoverCinematicV36 .aaV36EndHow{
  margin:18px auto 22px;
  color:#cab6d4;
  font:900 8px/1.35 system-ui,sans-serif;
  letter-spacing:.12em;
}
#aaDiscoverCinematicV36 .aaV36Enter{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#8d53ef,#c94ed8 56%,#f2539c);
  color:#fff;
  font:950 10px/1 system-ui,sans-serif;
  letter-spacing:.12em;
  box-shadow:0 16px 36px rgba(135,72,208,.24);
}
#aaDiscoverCinematicV36 .aaV36Replay{
  margin-top:10px;
  min-height:42px;
  padding:0 16px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  font:850 9px/1 system-ui,sans-serif;
  letter-spacing:.10em;
}
#aaDiscoverCinematicV36 .aaV36EndLine{
  margin-top:14px;
  color:rgba(255,255,255,.38);
  font:500 10px/1.35 system-ui,sans-serif;
}
@media(max-width:390px){
  #aaDiscoverCinematicV36 .aaV36EndInner{padding:30px 22px 24px}
  #aaDiscoverCinematicV36 .aaV36EndInner h2{font-size:clamp(44px,12.5vw,64px)}
}


/* V36.5 — semantic color language: PLAN purple / PERSONA orange */
#aaDiscoverCinematicV36{
  --aa-plan-accent:#b67cff;
  --aa-person-accent:#f39a4c;
  --aa-both-accent:#fff7ef;
}
#aaDiscoverCinematicV36 .aaPlanWord,
#aaDiscoverCinematicV36 .aaFinalPlan,
#aaDiscoverCinematicV36 .aaTextPlan{
  color:var(--aa-plan-accent)!important;
}
#aaDiscoverCinematicV36 .aaPersonWord,
#aaDiscoverCinematicV36 .aaFinalPerson,
#aaDiscoverCinematicV36 .aaTextPerson{
  color:var(--aa-person-accent)!important;
}
#aaDiscoverCinematicV36 .aaV36Final .aaBoth,
#aaDiscoverCinematicV36 .aaTextBoth{
  color:var(--aa-both-accent)!important;
}
#aaDiscoverCinematicV36 .aaV36PersonCopy > span:first-child{
  color:#fff!important;
}
#aaDiscoverCinematicV36 .aaV36EndHow{
  margin:20px auto 22px!important;
  display:grid!important;
  gap:6px!important;
  color:rgba(255,255,255,.86)!important;
  font:900 11px/1.3 system-ui,sans-serif!important;
  letter-spacing:.085em!important;
}
#aaDiscoverCinematicV36 .aaV36EndHow span{
  display:block!important;
}
#aaDiscoverCinematicV36 .aaV36EndHow span:last-child{
  font-size:10px!important;
  color:rgba(255,255,255,.62)!important;
  letter-spacing:.13em!important;
}
#aaDiscoverCinematicV36 .aaV36EndHow b{
  font-weight:950!important;
}
#aaDiscoverCinematicV36 .aaV36EndInner p{
  font-size:14.5px!important;
  line-height:1.55!important;
}
@media(max-width:390px){
  #aaDiscoverCinematicV36 .aaV36EndHow{
    font-size:10.5px!important;
  }
}


/* V36.6 — brand color lock on end card */
#aaDiscoverCinematicV36 .aaBrandArgilore{
  color:var(--aa-person-accent)!important;
}
#aaDiscoverCinematicV36 .aaBrandAkelarre{
  color:var(--aa-plan-accent)!important;
}


/* V58 — beat-synced soundtrack + Safari sound unlock */
#aaDiscoverCinematicV36 .aaV58Soundtrack{display:none}
#aaDiscoverCinematicV36 .aaV58SoundGate{
  position:absolute;
  z-index:11;
  left:50%;
  bottom:calc(48px + env(safe-area-inset-bottom));
  transform:translate(-50%,10px);
  min-width:max-content;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(8,6,11,.72);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  backdrop-filter:blur(16px) saturate(1.1);
  color:rgba(255,255,255,.9);
  font:900 9px/1 system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease,transform .36s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
#aaDiscoverCinematicV36.needsSoundTap .aaV58SoundGate{
  opacity:1;
  transform:translate(-50%,0);
}
#aaDiscoverCinematicV36.needsSoundTap .aaV36Guide{
  opacity:0!important;
}

/* V86 — final girl shot stays clean: no instructional footer/progress */
#aaDiscoverCinematicV36[data-phase="4"] .aaV36Micro{
  opacity:0!important;
  visibility:hidden!important;
}

/* V101 — keep the first video renderable while Safari decodes its first frame */
#aaDiscoverCinematicV36.isPriming .aaV36Stage{
  opacity:.001!important;
  visibility:visible!important;
  pointer-events:none!important;
  transition:none!important;
}
#aaDiscoverCinematicV36.isPriming .aaV36Copy,
#aaDiscoverCinematicV36.isPriming .aaV36Micro,
#aaDiscoverCinematicV36.isPriming .aaV36Tap{
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
}
#aaDiscoverCinematicV36.isPriming{
  background:#050308!important;
}