/* Страница «Double Bubble» и полоса-анонс на странице Google AI Pro. Основа — google-ai-pro.css.
   Без скриптов и style="" в разметке: политика безопасности сайта их не пропускает. */

/* полоса-анонс под шапкой */
.promo{background:var(--ink);color:#fff}
.promo a{display:flex;align-items:center;gap:14px;max-width:var(--wrap);margin:0 auto;padding:12px var(--gut);text-decoration:none;font-size:16px;line-height:1.35}
.promo b{font-weight:600}
.promo .promo-tag{flex:none;font:600 13px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;background:#c9805f;color:var(--ink);border-radius:999px;padding:6px 10px}
.promo .promo-go{margin-left:auto;flex:none;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.promo a:hover .promo-go{text-decoration-thickness:2px}

/* герой страницы приложения */
.db-shot{border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(11,16,38,.55);background:#e6e1d6}
.db-shot img{width:100%;height:auto}
.hero .db-meta{margin-top:18px;font-size:15px;color:var(--ice)}

/* шаги установки: пять в ряд */
.steps.s5{grid-template-columns:repeat(5,1fr)}
.steps code,.panel code{font:500 15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.12);border-radius:8px;padding:2px 6px;word-break:break-all}
.panel code{background:var(--sunk);color:var(--ink)}
.steps code.cmd,.panel code.cmd{display:block;margin-top:10px;padding:12px 14px}

.db-dl{margin-top:34px}

/* список «с чем работает» */
.apps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:6px}
.apps li{background:var(--soft);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:15.5px;font-weight:500}

@media (max-width:960px){
  .steps.s5{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .hero .db-meta{order:6;margin-top:0}
  .hero .db-shot{order:7;margin:18px 0 40px;max-width:420px}
}
@media (max-width:620px){
  .steps.s5{grid-template-columns:1fr}
  .promo a{flex-wrap:wrap;gap:8px 12px;font-size:15px}
  .promo .promo-go{margin-left:0}
}