/* بامداد — چهرهٔ متحرک بامو در صفحهٔ اول (کوچک، سبک، بدون وابستگی) */
.bamo-hero-wrap{position:relative;display:block;width:fit-content;max-width:100%;margin:0 0 22px}
.bamo-hero{
  position:relative;flex:none;appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;
  width:clamp(76px,7vw,96px);aspect-ratio:88/64;border-radius:clamp(18px,2vw,24px);overflow:hidden;
  background:radial-gradient(130% 120% at 50% 0%,#112221 0%,#070c0c 72%);
  border:2px solid rgba(47,230,214,.38);
  box-shadow:0 14px 34px -10px rgba(0,0,0,.75),0 0 30px -8px rgba(47,230,214,.38),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-tap-highlight-color:transparent;transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease;
  animation:bhBreathe 6.8s cubic-bezier(.45,0,.55,1) infinite}
.bamo-hero:hover{border-color:rgba(47,230,214,.6);box-shadow:0 14px 34px -10px rgba(0,0,0,.75),0 0 38px -6px rgba(47,230,214,.55),inset 0 1px 0 rgba(255,255,255,.1)}
.bamo-hero:active{transform:scale(.94)}
.bamo-hero:focus-visible{outline:2px solid #8FFFF3;outline-offset:4px}
.bamo-hero svg{display:block;width:100%;height:100%;overflow:visible}
.bamo-hero .bh-halo{filter:blur(14px)}
.bamo-hero .bh-glint{fill:#fff}
.bamo-hero .bh-lid{fill:#070c0c}
.bamo-hero.hop{animation:bhHop .62s cubic-bezier(.3,1.6,.5,1)}
.bh-bubble{
  position:absolute;top:50%;inset-inline-start:calc(100% + 14px);width:max-content;max-width:min(270px,60vw);
  padding:9px 15px;border-radius:16px;
  background:rgba(10,14,14,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(242,242,240,.2);color:#f2f2f0;font-size:.96rem;line-height:1.7;
  opacity:0;transform:translateY(-50%) translateX(8px) scale(.96);transition:opacity .35s ease,transform .35s cubic-bezier(.2,1.2,.3,1);pointer-events:none}
[dir=rtl] .bh-bubble{transform:translateY(-50%) translateX(-8px) scale(.96)}
.bh-bubble.show{opacity:1;transform:translateY(-50%)}
.bh-bubble::before{content:"";position:absolute;top:50%;inset-inline-start:-6px;width:10px;height:10px;margin-top:-5px;rotate:45deg;
  background:rgba(10,14,14,.74);border-inline-start:1px solid rgba(242,242,240,.2);border-block-end:1px solid rgba(242,242,240,.2)}
@keyframes bhBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes bhHop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-9px) scale(1.05)}70%{transform:translateY(1px) scale(.98)}100%{transform:none}}
@media all{
  .bamo-hero-wrap{margin:0 auto 54px}
  .bh-bubble{top:calc(100% + 12px);inset-inline-start:50%;font-size:.9rem;padding:8px 13px;max-width:min(280px,86vw);
    transform:translateX(50%) translateY(6px) scale(.96)}
  [dir=rtl] .bh-bubble{transform:translateX(50%) translateY(6px) scale(.96)}
  .bh-bubble.show{transform:translateX(50%)}
  [dir=ltr] .bh-bubble{transform:translateX(-50%) translateY(6px) scale(.96)}
  [dir=ltr] .bh-bubble.show{transform:translateX(-50%)}
  .bh-bubble::before{top:-5px;inset-inline-start:50%;margin:0 -5px 0 0;border:0;border-inline-start:1px solid rgba(242,242,240,.2);border-block-start:1px solid rgba(242,242,240,.2)}
}
@media (prefers-reduced-motion:reduce){.bamo-hero,.bamo-hero.hop{animation:none}.bh-bubble{transition:opacity .2s}}

/* رفع باگ قدیمی موبایل: یک SVG دکوریِ بیرون‌زده از عرض، صفحه را از گوشی عریض‌تر می‌کرد و متن را می‌بُرید */
html,body{overflow-x:clip}

/* بامو قهرمان صفحهٔ اول: کمی بزرگ‌تر، وسط، با هالهٔ فیروزه‌ای نرم */
.hero .bamo-hero-wrap{margin-inline:auto;isolation:isolate}
.hero .bamo-hero{width:clamp(112px,10.5vw,140px)}
.hero .bamo-hero-wrap::before{content:"";position:absolute;inset:-45% -55%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(47,230,214,.20),rgba(47,230,214,0) 72%);animation:bhGlow 5.5s ease-in-out infinite alternate}
@keyframes bhGlow{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.hero .bamo-hero-wrap::before{animation:none}}
@media (max-width:640px){.hero .bamo-hero-wrap{margin-bottom:78px}}