.ai-sales-assistant-page .ai-hero { background: radial-gradient(ellipse at 95% 10%, #dff4ff, transparent 55%), linear-gradient(145deg, #f7faff, #eef3fb); }
.ai-sales-assistant-page .ai-split { display: grid; gap: 40px; align-items: center; }
.ai-sales-assistant-page .ai-split > * { min-width: 0; }
.ai-sales-assistant-page .ai-hero .ai-external-note { font-size: .8rem; margin: 16px 0 0; }
.ai-sales-assistant-page .ai-illustration { margin: 0; }
.ai-sales-assistant-page .ai-console { padding: 20px; border: 1px solid #27415d; border-radius: 20px; background: #0c192c; color: #fff; box-shadow: 0 24px 60px #10234320; }
.ai-sales-assistant-page .ai-console-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: .8rem; }
.ai-sales-assistant-page .ai-console-top > span:last-child { margin-left: auto; color: #85edff; font-size: .65rem; }
.ai-sales-assistant-page .ai-mark { display: grid; place-items: center; width: 32px; height: 32px; background: #85edff; color: #0c192c; border-radius: 8px; font-weight: 750; }
.ai-sales-assistant-page .ai-conversation { display: grid; gap: 12px; margin: 20px 0; }
.ai-sales-assistant-page .ai-conversation > div { padding: 16px; border: 1px solid #36516d; border-radius: 12px; background: #182b42; }
.ai-sales-assistant-page .ai-conversation .ai-response { margin-left: 20px; background: #153d51; }
.ai-sales-assistant-page .ai-conversation span, .ai-sales-assistant-page .ai-ui-label { display: block; color: #85edff; font-size: .65rem; text-transform: uppercase; font-weight: 750; letter-spacing: .06em; margin-bottom: 6px; }
.ai-sales-assistant-page .ai-conversation p { color: #d5e5f4; font-size: .85rem; margin: 0; }
.ai-sales-assistant-page .ai-quote { padding: 16px; background: #14263c; border: 1px solid #36516d; border-radius: 12px; }
.ai-sales-assistant-page .ai-quote dl { display: grid; gap: 12px; margin: 14px 0; }
.ai-sales-assistant-page .ai-quote dl div { display: grid; gap: 4px; }
.ai-sales-assistant-page .ai-quote dt { color: #c9daef; font-size: .7rem; }
.ai-sales-assistant-page .ai-quote dd { margin: 0; font-size: .85rem; }
.ai-sales-assistant-page .ai-quote .ai-review-state { display: flex; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid #36516d; color: #85edff; font-size: .75rem; margin: 0; }
.ai-sales-assistant-page .ai-review-state svg { width: 20px; height: 20px; }
.ai-sales-assistant-page figcaption { margin: 14px 0 0; color: #52647b; font-size: .8rem; }
.ai-sales-assistant-page .ai-steps { display: grid; gap: 28px; list-style: none; padding: 0; margin: 0; }
.ai-sales-assistant-page .ai-step { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #b4c9e3; border-radius: 50%; color: #1555b9; font-size: .85rem; font-weight: 750; margin-bottom: 20px; }
.ai-sales-assistant-page .ai-steps p { font-size: .93rem; margin-bottom: 0; }
.ai-sales-assistant-page .ai-demo { margin: 0 0 12px; }
.ai-sales-assistant-page .ai-video { aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #0c192c; }
.ai-sales-assistant-page .ai-video iframe { display: block; width: 100%; height: 100%; margin: 0; border: 0; }
.ai-sales-assistant-page .ai-options { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.ai-sales-assistant-page .ai-options li { padding: 20px 24px; background: #fff; border: 1px solid #dce5ef; border-radius: 12px; font-weight: 650; }
.ai-sales-assistant-page .ai-integration-panel { padding: 28px; border: 1px solid #27415d; border-radius: 20px; background: #0c192c; }
.ai-sales-assistant-page .ai-integration-flow { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.ai-sales-assistant-page .ai-integration-flow li { position: relative; padding: 14px 16px; color: #fff; background: #182b42; border: 1px solid #36516d; border-radius: 10px; font-size: .85rem; }
.ai-sales-assistant-page .ai-integration-flow li:not(:last-child)::after { content: '↓'; position: absolute; left: 50%; bottom: -20px; color: #85edff; z-index: 1; }
.ai-sales-assistant-page .ai-dedicated-panel { padding: 36px 28px; border: 1px solid #aac8e8; border-radius: 20px; background: radial-gradient(ellipse at 95% 10%, #dff4ff, transparent 55%), #f3f6fb; }
.ai-sales-assistant-page .ai-dedicated-panel h2, .ai-sales-assistant-page .ai-dedicated-panel p { max-width: 800px; }
.ai-sales-assistant-page .ai-domain { display: block; color: #1555b9; font-weight: 750; font-size: clamp(1.5rem, 3vw, 2.2rem); }
@media (min-width: 576px) { .ai-sales-assistant-page .ai-steps, .ai-sales-assistant-page .ai-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .ai-sales-assistant-page .ai-split { grid-template-columns: 1.2fr 1fr; gap: 56px; } .ai-sales-assistant-page .ai-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ai-sales-assistant-page .ai-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ai-sales-assistant-page .ai-dedicated-panel { padding: 48px; } }