/* index.css — hero-телефон и главная (раньше inline в scripts) */
/* Hero phone — floating overlay */
.hero-phone-outer{
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  width:200px;
  opacity:.22;
  pointer-events:none;
}
.hero-phone-float{
  position:relative;
  width:200px;
  height:410px;
  animation:heroFloat 5s ease-in-out infinite;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.28)) drop-shadow(0 4px 12px rgba(99,102,241,.2));
}
@media(min-width:1024px){
  .hero-phone-outer{
    display:block!important;
    right:-30px;
    width:260px;
    opacity:.78;
    pointer-events:auto;
    z-index:20;
  }
  .hero-phone-float{
    width:260px;
    height:530px;
    filter:
      drop-shadow(0 40px 80px rgba(0,0,0,.32))
      drop-shadow(0 12px 32px rgba(0,0,0,.18))
      drop-shadow(0 0 48px rgba(99,102,241,.22))
      drop-shadow(0 0 96px rgba(139,92,246,.12));
  }
}
@keyframes heroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}
.hero-phone{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);
}
/* Декоративное свечение за телефоном */
.phone-glow{
  display:none;
  position:absolute;
  right:-80px;top:50%;
  transform:translateY(-50%);
  width:500px;height:600px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
}
@media(min-width:1024px){
  .phone-glow{
    display:block;
    background:radial-gradient(ellipse at 55% 50%,
      rgba(139,92,246,.18) 0%,
      rgba(99,102,241,.12) 30%,
      rgba(59,130,246,.06) 55%,
      transparent 72%);
  }
  .dark .phone-glow{
    background:radial-gradient(ellipse at 55% 50%,
      rgba(139,92,246,.32) 0%,
      rgba(99,102,241,.2) 30%,
      rgba(59,130,246,.08) 55%,
      transparent 72%);
  }
}
/* Hero word */
#hero-word{
  transition:opacity .4s ease,transform .4s ease;
  display:inline-block;
  background-clip:text;-webkit-background-clip:text;color:transparent;
}