/* AI Chef page additions around the approved conversation artwork */
.ai-section h1{margin:0;font-weight:400}
.ai-helps{margin-top:38px}
.ai-care{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.ai-care .lead{margin-top:16px}
.ai-care-list li{padding:18px 0;border-top:1.5px solid var(--rule);font-size:18px}
.ai-care-list strong{font-weight:800}
.ai-pilot{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.ai-pilot .lead{margin-top:18px}
.ai-faq{margin:0}.ai-faq dt{font-size:19px}.ai-faq div+div{margin-top:16px;padding-top:16px;border-top:1.5px solid var(--rule)}
.ai-faq dt{font-weight:800}.ai-faq dd{margin:4px 0 0}
@media(max-width:900px){.ai-care,.ai-pilot{grid-template-columns:1fr}}

/* Live-feeling chat playback (ai-chef.js) */
.ai-bubble>p:last-child{min-height:2.8em}
.ai-bubble.is-empty{opacity:0}
.ai-dots{display:flex;gap:7px;align-items:center;height:2.8em}
.ai-dots i{width:10px;height:10px;border-radius:50%;background:var(--forest);opacity:.35;animation:ai-dot 1s ease-in-out infinite}
.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}
.ai-reply.is-thinking [data-ai-reply-one],.ai-reply.is-thinking [data-ai-reply-two]{display:none}
@keyframes ai-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-6px);opacity:1}}
.ai-writing-strip p.is-typing::after{content:'';display:inline-block;width:2px;height:1.05em;margin-left:3px;background:currentColor;vertical-align:-.15em;animation:ai-caret .8s steps(1) infinite}
@keyframes ai-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ai-dots i,.ai-writing-strip p.is-typing::after{animation:none}}

/* Hero aligned with the other pages: same eyebrow, button and check list; no extra wave under the header */
.ai-section::before{display:none}
.ai-intro .ai-page-eyebrow{margin-bottom:26px}
.ai-capabilities li{position:relative;padding-left:32px}
.ai-capabilities li::before{content:'';position:absolute;left:4px;top:.5em;width:13px;height:7px;border-left:2.5px solid var(--leaf);border-bottom:2.5px solid var(--leaf);transform:rotate(-45deg)}
.ai-offer .button{margin-bottom:22px}
@media(max-width:900px){.ai-offer .button{width:100%}}
