/* Scoped hero styling: the original portrait video stays fully in frame. */
#hero.er-hero{--er-purple:#bfa0ff;--er-muted:#c0b7cc;position:relative;overflow:hidden;isolation:isolate;background:#090b17;color:#f8f5ff;text-align:left;padding:111px 28px 0}
#hero.er-hero .er-hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
#hero.er-hero .er-hero-film{position:absolute;top:82px;bottom:0;right:max(24px,calc((100% - 1120px)/2));aspect-ratio:9/16}
#hero.er-hero .er-hero-background-video,#hero.er-hero .er-hero-mage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;transition:opacity .7s ease}
#hero.er-hero .er-hero-background-video{opacity:0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#hero.er-hero .er-hero-mage{padding:25px 0;filter:drop-shadow(0 0 30px #b75ee32a)}
#hero.er-hero.er-video-ready .er-hero-background-video{opacity:1}
#hero.er-hero.er-video-ready .er-hero-mage{opacity:0}
#hero.er-hero .er-hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b17 0%,#090b17f2 32%,#090b1766 54%,transparent 70%),linear-gradient(0deg,#090b17 0%,transparent 10%,transparent 93%,#090b17 100%)}
#hero.er-hero .er-hero-inner{position:relative;max-width:1200px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;min-height:610px}
#hero.er-hero .er-hero-copy{position:relative;z-index:3;padding:35px 0 38px}
#hero.er-hero .er-hero-badge{display:flex;align-items:center;gap:10px;margin-bottom:29px;color:#cdbddd;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.3px}
#hero.er-hero .er-hero-badge img{width:78px;height:auto;object-fit:contain;flex-shrink:0;filter:none}
#hero.er-hero .er-hero-title{margin:0;font-size:clamp(2.5rem,4.65vw,3.85rem);font-weight:800;line-height:1.08;letter-spacing:-.055em;max-width:640px}
#hero.er-hero .er-hero-title span{color:#c6afff}
#hero.er-hero .er-hero-description{max-width:500px;font-size:16px;color:var(--er-muted);line-height:1.85;margin:25px 0 27px}
#hero.er-hero .er-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
#hero.er-hero .er-hero-buy{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#7c3aed;border:1px solid #bd93ff47;border-radius:11px;min-height:54px;padding:14px 23px;font-size:14px;font-weight:750;color:white;text-decoration:none;box-shadow:0 5px 32px #8648e82a;transition:background .2s,box-shadow .2s,translate .2s}
#hero.er-hero .er-hero-buy:hover{background:#8c4cf2;box-shadow:0 8px 34px #8648e84a;translate:0 -3px}
#hero.er-hero svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#hero.er-hero .er-hero-secondary{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:13px}
#hero.er-hero .er-hero-secondary a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#c5b0dc;font-size:13px;font-weight:600;text-decoration:none;text-underline-offset:5px}
#hero.er-hero .er-hero-secondary a:hover{text-decoration:underline;color:#fff}
#hero.er-hero .er-hero-secondary .er-hero-sell{color:#a1dfc5}
#hero.er-hero .er-hero-proof{display:flex;align-items:center;gap:16px;color:#b0a1bd;font-size:11px;margin-top:22px;flex-wrap:wrap}
#hero.er-hero .er-hero-proof a{display:flex;align-items:center;gap:7px;color:#c8bcd8}
#hero.er-hero .er-hero-proof img{width:22px;height:auto;object-fit:contain;filter:none}
#hero.er-hero .er-hero-proof-divider{height:14px;width:1px;background:#b2a0c530}
#hero.er-hero .er-hero-scene{position:relative;height:600px;isolation:isolate;--er-x:0;--er-y:0}
#hero.er-hero .er-hero-aura{position:absolute;inset:3% -15% 0;background:radial-gradient(ellipse,#ae52f419,transparent 66%);z-index:-1;pointer-events:none}
#hero.er-hero .er-hero-orbits{position:absolute;left:50%;top:47%;width:min(100%,440px);aspect-ratio:1;transform:translate(calc(-50% + var(--er-x)*10px),calc(-50% + var(--er-y)*7px));pointer-events:none;z-index:-1;opacity:.45}
#hero.er-hero .er-hero-orbits span{position:absolute;inset:0;border:1px solid #b684e038;border-radius:50%}
#hero.er-hero .er-hero-orbits span:nth-child(2){inset:-23px;border-color:#b684e023;border-style:dashed;animation:er-orbit 100s linear infinite}
#hero.er-hero .er-hero-orbits span:nth-child(3){inset:-47px;border-color:#b684e013}
#hero.er-hero .er-hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#hero.er-hero .er-hero-star{position:absolute;color:#d2b2f7;font-size:25px;animation:er-twinkle 4s ease-in-out infinite;z-index:2;pointer-events:none}
#hero.er-hero .er-hero-star-a{top:17%;right:9%}
#hero.er-hero .er-hero-star-b{bottom:28%;left:7%;font-size:15px;animation-delay:1.7s}
#hero.er-hero .er-hero-signature{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#c7afd7;font-size:9px;letter-spacing:2.2px;text-shadow:0 2px 8px #000}
#hero.er-hero .er-hero-magic{position:absolute;bottom:70px;left:4%;display:flex;align-items:center;gap:8px;background:#1c1428d9;backdrop-filter:blur(12px);border:1px solid #bb94db4a;border-radius:30px;padding:10px 15px;font:inherit;font-size:11px;color:#d9c2ef;cursor:pointer;z-index:4;min-height:42px;transition:background .2s,translate .2s}
#hero.er-hero .er-hero-magic:hover{background:#43265f;translate:0 -2px}
#hero.er-hero .er-hero-magic svg{width:17px;height:17px}
#hero.er-hero .er-hero-bottom{position:relative;max-width:1200px;margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #bda1dd18;padding:15px 0;color:#c1b0d1;font-size:12px}
#hero.er-hero .er-hero-bottom>a{display:inline-flex;align-items:center;gap:13px;min-height:40px}
#hero.er-hero .er-hero-bottom>a span{color:#c5a4e8}
#hero.er-hero .er-hero-motion{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#c1afd2;font:inherit;font-size:11px;min-height:40px;padding:8px 0 8px 10px;cursor:pointer}
#hero.er-hero :is(a,button):focus-visible{outline:2px solid #d1b1ff;outline-offset:5px;border-radius:7px}
#hero.er-hero.er-motion-paused *{animation:none!important;transition:none!important}
@keyframes er-orbit{to{rotate:360deg}}
@keyframes er-twinkle{0%,100%{opacity:.35;scale:.85}50%{opacity:1;scale:1.1}}
@media(min-width:1500px){
  #hero.er-hero .er-hero-inner{min-height:665px}
  #hero.er-hero .er-hero-scene{height:650px}
  #hero.er-hero .er-hero-title{font-size:65px}
}
@media(max-width:1000px){
  #hero.er-hero{padding-inline:24px}
  #hero.er-hero .er-hero-inner{gap:20px;min-height:590px}
  #hero.er-hero .er-hero-title{font-size:48px}
  #hero.er-hero .er-hero-scene{height:555px}
  #hero.er-hero .er-hero-buy{padding-inline:18px;font-size:13px}
  #hero.er-hero .er-hero-badge{font-size:10px}
  #hero.er-hero .er-hero-badge img{width:65px}
  #hero.er-hero .er-hero-description{font-size:15px}
  #hero.er-hero .er-hero-orbits{width:330px}
  #hero.er-hero .er-hero-proof{gap:11px;font-size:10px}
}
@media(max-width:720px){
  #hero.er-hero{padding:106px 22px 0}
  #hero.er-hero .er-hero-film{inset:80px 0 0;aspect-ratio:auto}
  #hero.er-hero .er-hero-background-video{inset:50% auto auto 50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);mask-image:linear-gradient(0deg,transparent,#000 10%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
  #hero.er-hero .er-hero-backdrop::after{background:linear-gradient(90deg,#090b17a6,#090b1740),linear-gradient(0deg,#090b17 0%,#090b1744 25%,#090b1759 60%,#090b17cc 100%)}
  #hero.er-hero .er-hero-inner{grid-template-columns:1fr;gap:0;min-height:0}
  #hero.er-hero .er-hero-copy{padding:18px 0 0;text-shadow:0 2px 16px #090b17}
  #hero.er-hero .er-hero-title{font-size:clamp(2.5rem,7.8vw,3.75rem);max-width:610px;text-shadow:0 2px 22px #090b17aa}
  #hero.er-hero .er-hero-title>br{display:none}
  #hero.er-hero .er-hero-title>span{display:block;margin-top:3px}
  #hero.er-hero .er-hero-title>span>br{display:none}
  #hero.er-hero .er-hero-badge{margin-bottom:22px;font-size:10px;gap:8px}
  #hero.er-hero .er-hero-badge img{width:65px}
  #hero.er-hero .er-hero-description{margin:20px 0 24px;max-width:550px;font-size:15px;line-height:1.8;color:#e5ddec}
  #hero.er-hero .er-hero-buy{padding:13px 18px;min-height:51px;font-size:13px;gap:11px;text-shadow:none}
  #hero.er-hero .er-hero-secondary{gap:20px;margin-top:8px}
  #hero.er-hero .er-hero-secondary a{font-size:12px;color:#eadbf9}
  #hero.er-hero .er-hero-proof{margin-top:17px;font-size:11px}
  #hero.er-hero .er-hero-scene{height:58px;width:100%;margin:22px auto 0}
  #hero.er-hero .er-hero-orbits,#hero.er-hero .er-hero-star,#hero.er-hero .er-hero-signature{display:none}
  #hero.er-hero .er-hero-magic{bottom:8px;left:0;font-size:11px;padding:10px 13px}
  #hero.er-hero .er-hero-bottom{margin-top:12px;padding:12px 0;gap:13px;font-size:10px}
  #hero.er-hero .er-hero-motion{font-size:10px}
  #hero.er-hero .er-hero-bottom>a{gap:8px}
}
@media(max-width:380px){
  #hero.er-hero{padding-inline:18px}
  #hero.er-hero .er-hero-title{font-size:38px}
  #hero.er-hero .er-hero-buy{padding-inline:13px;font-size:12px}
  #hero.er-hero .er-hero-badge{font-size:9px}
  #hero.er-hero .er-hero-proof{font-size:10px;gap:10px}
  #hero.er-hero .er-hero-bottom>a{max-width:185px}
}
@media(prefers-reduced-motion:reduce){#hero.er-hero *{animation:none!important;transition:none!important}}