/* Product AI assistance, using existing canonical brand tokens. */
.ai-assistance { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.ai-assistance h2 { margin: 0 0 22px; font-size: clamp(36px, 4vw, 56px); font-weight: 600; line-height: 1.08; letter-spacing: -.035em; }
.ai-assistance .ai-label { margin: 0 0 18px; color: var(--lav-800); font-size: 16px; }
.ai-assistance p { line-height: 1.65; font-size: 18px; }
.ai-assistance ul { padding: 0; list-style: none; margin: 24px 0; }
.ai-assistance li { padding-block: 16px; border-top: 1px solid var(--lav-300); font-size: 16px; line-height: 1.6; }
.ai-assistance li strong { display: block; font-size: 19px; color: var(--lav-800); margin-bottom: 4px; }
.ai-assistance .ai-note { font-size: 14px; color: var(--muted); }
.ai-flow { background: var(--gal-100); padding: 36px; border-radius: 28px 28px 0 28px; }
.ai-flow h3 { margin: 0 0 8px; font-size: 28px; font-weight: 500; }
.ai-flow > p { margin: 0 0 24px; font-size: 14px; }
.ai-flow-input { padding: 18px 20px; background: var(--white); border: 1px solid var(--lav-300); border-radius: 12px; margin-block: 12px; }
.ai-flow-input strong, .ai-flow-input span { display: block; }
.ai-flow-input strong { font-size: 17px; margin-bottom: 6px; }
.ai-flow-input span { font-size: 14px; line-height: 1.55; }
.ai-flow-result { padding: 24px; margin-top: 24px; background: var(--lav-700); color: var(--white); border-radius: 12px; }
.ai-flow-result strong { font-size: 20px; font-weight: 500; }
.ai-flow-result p { font-size: 15px; margin: 10px 0 0; }
@media (max-width: 1100px) { .ai-assistance { grid-template-columns: minmax(0, 1fr); gap: 36px; } }
@media (max-width: 720px) { .ai-flow { padding: 24px; } }