/* Site-level additions for the Shopify pages: AI brand row, larger demo tabs, navigation footer. */

/* AI section: the chats people actually use, then the example. */
.ai-brand-row{display:flex;list-style:none;margin:0 0 22px;padding:0}
.ai-brand-row li{box-sizing:border-box;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--nd-cream);border:2px solid #111711;margin-right:-8px}
.ai-brand-row img{width:22px;height:22px;object-fit:contain}
.proposal-v2 .demo-tabs button{gap:9px;padding:8px 10px;min-height:54px}
.proposal-v2 .demo-tabs img{box-sizing:border-box;width:34px;height:34px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--border)}
@media(max-width:700px){
  .ai-brand-row li{width:36px;height:36px}
  .ai-brand-row img{width:18px;height:18px}
  .proposal-v2 .demo-tabs button{flex-direction:column;gap:6px;padding:10px 4px;font-size:13px;min-height:0}
}
@media(max-width:360px){.proposal-v2 .demo-tabs img{width:30px;height:30px}.proposal-v2 .demo-tabs button{font-size:12px}}

/* Navigation footer, shared by the landing and the details page. */
.site-footer-nav{background:#111711;color:var(--nd-on-dark);border-top:1px solid #f5eddd24;padding-block:56px 36px}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:40px}
.footer-brand>img{width:126px;height:auto;filter:brightness(0) invert(1)}
.footer-brand>p{margin-top:16px;max-width:300px;font-size:15px;line-height:1.55;color:var(--nd-on-dark-muted)}
.site-footer-nav .partner-lockup{margin-top:22px;border-left:0;padding-left:0;color:#fff}
.footer-brand>p.footer-copy{margin-top:22px;font-size:13px;color:var(--nd-on-dark-faint)}
.site-footer-nav nav>.eyebrow{color:#c9c2b7;margin-bottom:10px}
.site-footer-nav ul{list-style:none;margin:0;padding:0}
.site-footer-nav li a{display:inline-flex;align-items:center;min-height:44px;padding-block:4px;font-size:15px;line-height:1.35;text-decoration:none;color:var(--nd-on-dark)}
.site-footer-nav li a:hover{text-decoration:underline;text-decoration-color:var(--lime)}
.site-footer-nav :focus-visible{outline-color:var(--lime)}
@media(max-width:950px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.site-footer-nav{padding-block:44px 28px}}
@media(max-width:390px){.footer-grid{grid-template-columns:1fr;gap:22px}}
@media print{.site-footer-nav{display:none}}