.site-promo { position:fixed; z-index:19; left:50%; bottom:1rem; display:grid; grid-template-columns:68px minmax(0,1fr) auto; align-items:center; gap:1rem; width:min(calc(100% - 2rem),720px); padding:1rem 3.2rem 1rem 1rem; border:1px solid rgba(39,217,162,.42); border-radius:18px; background:linear-gradient(110deg,#102923,#111924 68%); box-shadow:0 18px 55px rgba(0,0,0,.5); color:#f7f9fc; transform:translate(-50%,1rem); opacity:0; transition:opacity .3s ease,transform .3s ease; }
.site-promo[hidden],.site-promo-dock[hidden] { display:none; }
.site-promo.is-visible { transform:translate(-50%,0); opacity:1; }
.site-promo-mark { display:flex; width:68px; height:68px; align-items:center; flex-direction:column; justify-content:center; overflow:hidden; border:1px solid rgba(39,217,162,.4); border-radius:13px; background:#050709; color:#27d9a2; font-family:Arial,sans-serif; }
.site-promo-mark strong,.site-promo-dock strong { font-size:1.25rem; font-weight:900; line-height:1; }
.site-promo-mark small,.site-promo-dock small { margin-top:.28rem; color:#a9b4c5; font-size:.55rem; font-weight:400; letter-spacing:.11em; line-height:1; text-transform:uppercase; }
.site-promo-mark img { display:block; width:82%; height:82%; object-fit:contain; }
.site-promo-copy { min-width:0; font-family:Arial,Helvetica,sans-serif; }
.site-promo-copy strong { display:block; font-size:1rem; }
.site-promo-copy span { display:block; margin-top:.2rem; color:#a9b4c5; font-size:.84rem; line-height:1.4; }
.site-promo-copy code { color:#27d9a2; font:900 .88rem Arial,sans-serif; }
.site-promo-action { display:inline-flex; min-height:2.7rem; align-items:center; justify-content:center; padding:.6rem 1rem; border-radius:999px; background:#27d9a2; color:#04110d; font:800 .88rem Arial,sans-serif; text-decoration:none; white-space:nowrap; }
.site-promo-close { position:absolute; top:.35rem; right:.4rem; display:grid; width:2.35rem; height:2.35rem; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#a9b4c5; font-size:1.3rem; cursor:pointer; }
.site-promo-close:hover { background:rgba(255,255,255,.08); color:#f7f9fc; }
.site-promo-dock { position:fixed; z-index:18; bottom:1rem; display:flex; width:5rem; height:5rem; align-items:center; flex-direction:column; justify-content:center; overflow:hidden; border:1px solid rgba(39,217,162,.4); border-radius:16px; background:#050709; color:#27d9a2; box-shadow:0 12px 35px rgba(0,0,0,.38); font-family:Arial,sans-serif; text-decoration:none; cursor:pointer; }
.site-promo-dock--web { right:1rem; bottom:12.3rem; }
.site-promo-dock--3d { right:1rem; bottom:6.65rem; }
.site-promo-dock--partner { right:1rem; bottom:1rem; }
.site-promo-dock img { display:block; width:82%; height:82%; object-fit:contain; }
.site-promo-dock::after { content:""; position:absolute; inset:-45% -90%; pointer-events:none; background:linear-gradient(110deg,transparent 42%,rgba(39,217,162,.12) 47%,rgba(255,255,255,.45) 50%,rgba(39,217,162,.12) 53%,transparent 58%); transform:translateX(-100%); opacity:0; animation:site-promo-shimmer 10s linear infinite; }
@keyframes site-promo-shimmer { 0%,90% { transform:translateX(-100%); opacity:0; } 91% { opacity:1; } 98% { transform:translateX(100%); opacity:1; } 99%,100% { transform:translateX(100%); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .site-promo,.site-promo-dock::after { transition:none; animation:none; } }
@media (max-width:700px) {
  .site-promo { right:.75rem; bottom:.75rem; left:.75rem; width:auto; grid-template-columns:54px 1fr; padding:.85rem 2.9rem .85rem .85rem; transform:translateY(1rem); }
  .site-promo.is-visible { transform:translateY(0); }
  .site-promo-mark { width:54px; height:54px; }
  .site-promo-action { grid-column:1 / -1; width:100%; }
  .site-promo-dock { bottom:.75rem; width:4.5rem; height:4.5rem; }
  .site-promo-dock--web,.site-promo-dock--3d { right:.75rem; bottom:.75rem; }
  .site-promo-dock--partner { right:.75rem; bottom:.75rem; }
}