/* Sara Smart Car — Emil motion system v2
   High-contrast editorial motion shared by the three active preview pages. */
:root{
  --emil-ink:#34272B;
  --emil-rose:#9A655F;
  --emil-rose-strong:#743F45;
  --emil-rose-deep:#4F343B;
  --emil-blush:#E9D3CD;
  --emil-paper:#FFF9F6;
  --emil-line:rgba(116,63,69,.24);
  --emil-shadow:0 22px 58px rgba(52,39,43,.15);
  --emil-ease-out:cubic-bezier(.23,1,.32,1);
  --emil-ease-in-out:cubic-bezier(.77,0,.175,1);
}

@view-transition{navigation:auto}
::view-transition-old(root){animation:emil-page-out 180ms ease-in both}
::view-transition-new(root){animation:emil-page-in 460ms var(--emil-ease-out) both}
@keyframes emil-page-out{to{opacity:0;transform:translate3d(0,-8px,0)}}
@keyframes emil-page-in{from{opacity:0;transform:translate3d(0,12px,0)}}

body[data-motion-page]{color:var(--emil-ink)}
body[data-motion-page] [data-od-id="brand-home-link"]{view-transition-name:sara-brand}
body[data-motion-page] [data-od-id="site-header"]{
  transition:background-color 220ms var(--emil-ease-out),box-shadow 220ms var(--emil-ease-out),border-color 220ms ease;
}
body[data-motion-page] [data-od-id="site-header"].is-scrolled{
  background:rgba(255,249,246,.97)!important;
  border-color:rgba(116,63,69,.13)!important;
  box-shadow:0 14px 38px rgba(52,39,43,.09);
}

body[data-motion-page] .primary-cta,
body[data-motion-page] [data-od-id="hero-signup-cta"],
body[data-motion-page] [data-od-id="signup-submit"],
body[data-motion-page] [data-od-id="final-event-cta"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--emil-rose-strong)!important;
  border-color:var(--emil-rose-strong)!important;
  color:#FFF!important;
  box-shadow:0 12px 28px rgba(116,63,69,.25);
  transition:transform 160ms var(--emil-ease-out),background-color 180ms ease,box-shadow 180ms ease!important;
}
body[data-motion-page] .primary-cta::after,
body[data-motion-page] [data-od-id="hero-signup-cta"]::after,
body[data-motion-page] [data-od-id="signup-submit"]::after,
body[data-motion-page] [data-od-id="final-event-cta"]::after{
  content:"";
  position:absolute;
  inset:-90% -34%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.52) 50%,transparent 62%);
  transform:translate3d(-72%,0,0) rotate(8deg);
  opacity:0;
  transition:transform 560ms var(--emil-ease-out),opacity 160ms ease;
}
body[data-motion-page] .primary-cta:active,
body[data-motion-page] [data-od-id="hero-signup-cta"]:active,
body[data-motion-page] [data-od-id="signup-submit"]:active,
body[data-motion-page] [data-od-id="final-event-cta"]:active{transform:scale(.97)}
body[data-motion-page] .secondary-cta,
body[data-motion-page] [data-od-id="event-brand-story-link"]{
  border-color:var(--emil-rose-strong)!important;
  color:var(--emil-rose-strong)!important;
  background:rgba(255,249,246,.72)!important;
  transition:transform 180ms var(--emil-ease-out),background-color 180ms ease,color 180ms ease,box-shadow 180ms ease!important;
}

body[data-motion-page="home"] [data-od-id="hero-title"]+div{color:var(--emil-rose-strong)!important}
body[data-motion-page="home"] [data-od-id="course-solution"]{
  background:var(--emil-rose-deep)!important;
  color:#FFF9F6!important;
}
body[data-motion-page="home"] [data-od-id="course-solution"]>div>div:last-child>div{
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 18px 38px rgba(24,14,17,.10);
}

body[data-motion-page="brand"] [data-od-id="brand-story-audience"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--emil-rose-deep)!important;
  color:#FFF9F6!important;
}
body[data-motion-page="brand"] [data-od-id="brand-story-audience"]::before{
  content:"";
  position:absolute;
  width:430px;
  aspect-ratio:1;
  right:-190px;
  top:-210px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.02);
  pointer-events:none;
}
body[data-motion-page="brand"] [data-od-id="brand-story-audience-grid"] article{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20);
  color:#FFF9F6;
  box-shadow:0 18px 36px rgba(24,14,17,.12);
}
body[data-motion-page="brand"] [data-od-id="brand-story-audience"] p{color:#F5EAE6!important}

body[data-motion-page="course"] [data-od-id="signup-section"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,#5A3B43 0%,#704950 56%,#5A3B43 100%)!important;
  color:#FFF9F6!important;
}
body[data-motion-page="course"] [data-od-id="signup-section"]::before{
  content:"";
  position:absolute;
  width:520px;
  aspect-ratio:1;
  left:-270px;
  top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(233,211,205,.21),rgba(233,211,205,0) 70%);
  pointer-events:none;
}
body[data-motion-page="course"] [data-od-id="signup-title"],
body[data-motion-page="course"] [data-od-id="signup-section"]>div>p{color:#FFF9F6!important}
body[data-motion-page="course"] [data-od-id="signup-card"]{
  background:var(--emil-paper)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 28px 64px rgba(32,18,22,.25)!important;
}
body[data-motion-page="course"] [data-od-id="speaker-profile"]{
  background:linear-gradient(180deg,#F0E1DC 0%,#FFF9F6 100%)!important;
}

.emil-progress{
  position:fixed;
  inset:0 0 auto 0;
  height:3px;
  z-index:1000;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--emil-rose-strong),#D9AFA5 58%,var(--emil-rose-strong));
  box-shadow:0 2px 10px rgba(116,63,69,.28);
  pointer-events:none;
}

.emil-v2-ready [data-emil-hero]>*{
  opacity:0;
  transform:translate3d(0,26px,0);
}
.emil-v2-ready.emil-v2-start [data-emil-hero]>*{
  opacity:1;
  transform:none;
  transition:opacity 760ms var(--emil-ease-out),transform 760ms var(--emil-ease-out);
  transition-delay:calc(var(--emil-index,0) * 70ms + 60ms);
}
.emil-section{position:relative;isolation:isolate;min-width:0}
.emil-v2-ready [data-emil-reveal]{opacity:0;transform:translate3d(0,34px,0) scale(.988)}
.emil-v2-ready .emil-section[data-emil-visible] [data-emil-reveal]{
  opacity:1;
  transform:none;
  transition:opacity 720ms var(--emil-ease-out),transform 720ms var(--emil-ease-out);
  transition-delay:calc(var(--emil-index,0) * 64ms);
}
.emil-heading{position:relative;display:inline-block;max-width:100%}
.emil-heading::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:min(88px,36%);
  height:2px;
  background:linear-gradient(90deg,var(--emil-rose-strong),rgba(116,63,69,0));
  transform:scaleX(0);
  transform-origin:left center;
}
.emil-section[data-emil-visible] .emil-heading::after{
  transform:scaleX(1);
  transition:transform 760ms var(--emil-ease-in-out) 210ms;
}
body[data-motion-page="brand"] [data-od-id="brand-story-audience"] .emil-heading::after,
body[data-motion-page="course"] [data-od-id="signup-section"] .emil-heading::after{
  background:linear-gradient(90deg,#FFF9F6,rgba(255,249,246,0));
}
.emil-image{clip-path:inset(0 0 100% 0);filter:saturate(.92) contrast(.98);will-change:clip-path}
.emil-section[data-emil-visible] .emil-image{
  clip-path:inset(0);
  filter:saturate(1.03) contrast(1.01);
  transition:clip-path 980ms var(--emil-ease-in-out),filter 600ms ease;
}

body[data-motion-page="brand"] [data-od-id="brand-story-origin"]::before,
body[data-motion-page="brand"] [data-od-id="brand-story-proof"]::before{
  content:"";
  position:absolute;
  top:34px;
  bottom:34px;
  left:50%;
  width:1px;
  z-index:-1;
  background:linear-gradient(180deg,transparent,var(--emil-line),transparent);
  opacity:.7;
}

body[data-motion-page="course"] .story-card,
body[data-motion-page="course"] .learn-item,
body[data-motion-page="course"] .trap-item,
body[data-motion-page="course"] .secret-row,
body[data-motion-page="brand"] [data-od-id="brand-story-audience-grid"] article{
  transform-origin:center bottom;
  transition:transform 220ms var(--emil-ease-out),box-shadow 220ms var(--emil-ease-out),border-color 220ms ease;
}

@media(hover:hover) and (pointer:fine){
  body[data-motion-page] .primary-cta:hover::after,
  body[data-motion-page] [data-od-id="hero-signup-cta"]:hover::after,
  body[data-motion-page] [data-od-id="signup-submit"]:hover::after,
  body[data-motion-page] [data-od-id="final-event-cta"]:hover::after{transform:translate3d(72%,0,0) rotate(8deg);opacity:1}
  body[data-motion-page] .primary-cta:hover,
  body[data-motion-page] [data-od-id="hero-signup-cta"]:hover,
  body[data-motion-page] [data-od-id="signup-submit"]:hover,
  body[data-motion-page] [data-od-id="final-event-cta"]:hover{background:#61333A!important;box-shadow:0 17px 34px rgba(74,36,43,.28)}
  body[data-motion-page] .secondary-cta:hover,
  body[data-motion-page] [data-od-id="event-brand-story-link"]:hover{transform:translate3d(0,-3px,0);background:#FFF!important;box-shadow:0 12px 26px rgba(52,39,43,.11)}
  body[data-motion-page="course"] .story-card:hover,
  body[data-motion-page="course"] .trap-item:hover,
  body[data-motion-page="brand"] [data-od-id="brand-story-audience-grid"] article:hover{transform:translate3d(0,-7px,0);box-shadow:var(--emil-shadow)}
}

@media(max-width:640px){
  .emil-progress{height:2px}
  .emil-v2-ready [data-emil-reveal]{transform:translate3d(0,20px,0) scale(.994)}
  .emil-v2-ready .emil-section[data-emil-visible] [data-emil-reveal]{transition-duration:600ms}
  body[data-motion-page="brand"] [data-od-id="brand-story-origin"]::before,
  body[data-motion-page="brand"] [data-od-id="brand-story-proof"]::before{display:none}
  body[data-motion-page="brand"] [data-od-id="brand-story-audience"]::before{right:-310px;top:-250px}
  body[data-motion-page="brand"] [data-od-id="brand-story-origin"]>div:first-child>div:first-child{
    inset:14px 0 -14px 14px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .emil-v2-ready [data-emil-hero]>* ,
  .emil-v2-ready [data-emil-reveal],
  .emil-v2-ready .emil-section[data-emil-visible] [data-emil-reveal]{opacity:1!important;transform:none!important;transition:opacity 160ms ease!important;transition-delay:0ms!important}
  .emil-image,.emil-section[data-emil-visible] .emil-image{clip-path:none!important;filter:none!important;transition:none!important}
  .emil-heading::after{transform:scaleX(1)!important;transition:none!important}
  body[data-motion-page] .primary-cta::after,
  body[data-motion-page] [data-od-id="hero-signup-cta"]::after,
  body[data-motion-page] [data-od-id="signup-submit"]::after,
  body[data-motion-page] [data-od-id="final-event-cta"]::after{display:none}
}