/* SMART+ S1-tune - читаемость созвездия + контраст текстов (поверх main.css) */

/* --- 1. Созвездие: буквы становятся видимым логотипом --- */
/* укрупняем точки букв (SVG2 geometry-property r; на старых браузерах останется инлайн-r + glow) */
.const-star{ r:3.6px; fill:#FFF3C4; opacity:1;
  filter: drop-shadow(0 0 3px rgba(212,175,55,.95)) drop-shadow(0 0 7px rgba(212,175,55,.6)) drop-shadow(0 0 14px rgba(212,175,55,.35)); }
/* фоновый шум приглушаем, чтобы яркие буквы выпукли */
.const-star--dim{ r:1px; fill:rgba(240,236,227,.5); opacity:.16; filter:none; }
/* сам блок созвездия крупнее */
.const-brand{ width:min(92vw,780px); margin-bottom:26px; }

/* --- 2. Диммер: тёмная зона под текстами справа-снизу и по центру-низу --- */
.const-dim{ background:
  radial-gradient(ellipse 60% 50% at 72% 78%, rgba(2,3,10,.78) 0%, rgba(2,3,10,.45) 45%, transparent 72%),
  radial-gradient(ellipse 70% 45% at 50% 88%, rgba(2,3,10,.72) 0%, transparent 70%),
  linear-gradient(180deg, rgba(2,3,10,.45) 0%, transparent 26%, transparent 55%, rgba(2,3,10,.9) 100%); }

/* --- 3. Тексты: зрительное выделение на любом фоне --- */
.const-overline{ font-size:clamp(11px,1.1vw,13px); letter-spacing:.28em; color:#F0ECE3;
  text-shadow:0 1px 10px rgba(0,0,0,.95), 0 0 4px rgba(0,0,0,.8); opacity:1; }

.const-subtitle{ font-size:clamp(17px,2.1vw,24px); font-weight:700; letter-spacing:.3em; color:#E7C46A;
  text-shadow:0 0 14px rgba(0,0,0,.98), 0 2px 8px rgba(0,0,0,.95), 0 0 3px rgba(0,0,0,.9); opacity:1; }

.const-services{ font-size:clamp(12px,1.3vw,15px); letter-spacing:.16em; color:rgba(240,236,227,.92);
  text-shadow:0 1px 8px rgba(0,0,0,.95), 0 0 3px rgba(0,0,0,.9); opacity:1; }

/* кнопка: тёмная подложка + размытие, чтобы читалась на светлом окне */
.const-enter{ background:rgba(2,3,10,.62); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px);
  border:1px solid rgba(212,175,55,.45); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.5); }
.const-enter-label{ font-size:clamp(14px,1.5vw,17px); font-weight:600; letter-spacing:.24em; color:#F5EEDC;
  text-shadow:0 1px 7px rgba(0,0,0,.98); }
.const-enter:hover{ background:rgba(2,3,10,.72); border-color:#D4AF37; }
/* точки контура кнопки тоже светятся */
.const-btn-star{ r:1.8px; fill:#E7C46A; opacity:1;
  filter: drop-shadow(0 0 3px rgba(212,175,55,.9)); }

.const-acquaintance{ color:rgba(240,236,227,.9); font-size:clamp(12px,1.2vw,14px);
  text-shadow:0 1px 8px rgba(0,0,0,.95); border-bottom-color:rgba(212,175,55,.55); }
.const-acquaintance:hover{ color:#E7C46A; }

/* мобильный: те же принципы, чуть компактнее */
@media (max-width:640px){
  .const-star{ r:3px; }
  .const-brand{ width:96vw; }
  .const-dim{ background:
    radial-gradient(ellipse 90% 40% at 50% 82%, rgba(2,3,10,.8) 0%, transparent 72%),
    linear-gradient(180deg, rgba(2,3,10,.4) 0%, transparent 30%, rgba(2,3,10,.88) 100%); }
}

/* reduced-motion / no-js / is-complete: glow и размеры сохраняются, анимации не возвращаются */
.hero-constellation.is-complete .const-star,
.hero-constellation.is-complete .const-btn-star,
@media (prefers-reduced-motion:reduce){ .const-star,.const-btn-star{ opacity:1; } }
html.no-js .const-star, html.no-js .const-btn-star{ opacity:1; }