/* Theadx AI assistant: page-scoped additions to the shared design system. */
.ai-assistant-page {--ai-ink:#26325a;--ai-blue:#106bfe;--ai-teal:#15ca9e;--ai-muted:#676e7c;}
.ai-assistant-page .ai-page-hero h1 {max-width:1040px;margin:0 auto;font-size:clamp(30px,3.2vw,46px);line-height:1.25;font-weight:400;}
.ai-assistant-page .ai-section-row,.ai-assistant-page .ai-card-row {row-gap:24px;}
.ai-assistant-page .ai-intro {background:radial-gradient(ellipse at 90% 35%,#eff9f6 0,transparent 50%),#fff;}
.ai-assistant-page .ai-eyebrow {display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--ai-blue);margin-bottom:18px;letter-spacing:.05em;}
.ai-assistant-page .ai-eyebrow i {font-size:23px;}
.ai-assistant-page .ai-intro h2 {line-height:1.3;}
.ai-assistant-page .ai-section-heading {margin-bottom:28px;text-align:center;}
.ai-assistant-page .ai-info-card {height:100%;padding:28px;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgb(188 202 211 / 30%);transition:box-shadow .3s;}
.ai-assistant-page .ai-info-card:hover {box-shadow:0 14px 28px rgb(188 202 211 / 40%);}
.ai-assistant-page .ai-info-card h3 {font-size:21px;line-height:1.4;}
.ai-assistant-page .ai-info-card p {font-size:15px;line-height:1.75;margin-bottom:0;}
.ai-assistant-page .ai-feature-icon {display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#e8f1ff;color:var(--ai-blue);font-size:25px;margin-bottom:18px;}
.ai-assistant-page .ai-feature-teal {background:#e2f7ef;color:#087e69;}
.ai-assistant-page .ai-security-card {border:1px solid #edf1f5;}
.ai-assistant-page .ai-section-image {width:100%;height:auto;max-width:500px;}
.ai-assistant-page .ai-chat {background:#fff;border:1px solid #dfe8f0;border-radius:22px;box-shadow:0 18px 45px rgb(38 50 90 / 12%);overflow:hidden;scroll-margin-top:110px;}
.ai-assistant-page .ai-chat-header {display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e8eef4;background:linear-gradient(120deg,#f3f7fc,#f0fbf7);}
.ai-assistant-page .ai-chat-avatar {display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:13px;background:var(--ai-ink);color:var(--ai-teal);font-size:25px;}
.ai-assistant-page .ai-chat-header strong {display:block;font-size:15px;color:var(--ai-ink);}
.ai-assistant-page .ai-chat-subtitle {display:block;font-size:11px;color:var(--ai-muted);margin-top:3px;}
.ai-assistant-page .ai-demo-label {margin-left:auto;padding:5px 8px;background:#e3f7ee;color:#087e69;border-radius:6px;font-size:10px;white-space:nowrap;}
.ai-assistant-page .ai-chat-messages {display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:24px;background:linear-gradient(180deg,#fff,#f7faff);}
.ai-assistant-page .ai-message {display:flex;list-style:none;margin:0;padding:0;}
.ai-assistant-page .ai-message-user {justify-content:flex-end;}
.ai-assistant-page .ai-bubble {max-width:88%;padding:14px 17px;border-radius:16px 16px 16px 4px;background:#eef3f8;color:var(--ai-ink);transform-origin:bottom left;}
.ai-assistant-page .ai-message-user .ai-bubble {border-radius:16px 16px 4px 16px;background:linear-gradient(60deg,#26325a,#515b7b);color:#fff;transform-origin:bottom right;}
.ai-assistant-page .ai-speaker {display:block;font-size:10px;font-weight:500;letter-spacing:.03em;margin-bottom:6px;opacity:.75;}
.ai-assistant-page .ai-bubble p {font-size:13px;line-height:1.65;color:inherit;margin:0;}
.ai-assistant-page .ai-chat-tag {display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:11px;color:#087e69;}
.ai-assistant-page .ai-chat-tag i {font-size:16px;}
.ai-assistant-page .ai-chat-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid #e8eef4;color:var(--ai-muted);font-size:10px;line-height:1.5;}
.ai-assistant-page .ai-replay {flex-shrink:0;padding:6px 0;border:0;background:none;color:var(--ai-blue);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;}
.ai-assistant-page .ai-replay[hidden] {display:none;}
.ai-assistant-page .ai-chat.is-ready .ai-bubble {opacity:0;}
.ai-assistant-page .ai-chat.is-playing .ai-bubble {animation:ai-chat-pop .5s both;}
.ai-assistant-page .ai-chat.is-playing .ai-message:nth-child(1) .ai-bubble {animation-delay:.4s;}
.ai-assistant-page .ai-chat.is-playing .ai-message:nth-child(2) .ai-bubble {animation-delay:1.5s;}
.ai-assistant-page .ai-chat.is-playing .ai-message:nth-child(3) .ai-bubble {animation-delay:2.7s;}
.ai-assistant-page .ai-chat.is-playing .ai-message:nth-child(4) .ai-bubble {animation-delay:3.9s;}
.ai-assistant-page .ai-chat.is-paused .ai-bubble {animation-play-state:paused;}
@keyframes ai-chat-pop {from {opacity:0;transform:translateY(12px) scale(.97);}to {opacity:1;transform:translateY(0) scale(1);}}
.ai-assistant-page #ai-yetenekler {scroll-margin-top:110px;}
.ai-assistant-page .ai-command-examples {display:grid;gap:14px;margin:24px 0;}
.ai-assistant-page .ai-command-examples blockquote {display:flex;align-items:flex-start;gap:12px;padding:20px;margin:0;border-left:3px solid var(--ai-teal);border-radius:0 12px 12px 0;background:#fff;box-shadow:0 4px 18px rgb(188 202 211 / 20%);}
.ai-assistant-page .ai-command-examples i {font-size:22px;color:var(--ai-blue);}
.ai-assistant-page .ai-command-examples p {margin:0;color:var(--ai-ink);font-size:15px;line-height:1.7;}
.ai-assistant-page .ai-bottom-cta {margin-top:36px;}
.ai-assistant-page button:focus-visible,.ai-assistant-page a:focus-visible {outline:3px solid var(--ai-teal);outline-offset:4px;}
@media (max-width:575px) {
    .ai-assistant-page .ai-chat-header {padding:16px 14px;gap:9px;flex-wrap:wrap;}
    .ai-assistant-page .ai-demo-label {margin-left:53px;}
    .ai-assistant-page .ai-chat-messages {padding:18px 12px;}
    .ai-assistant-page .ai-bubble {max-width:94%;padding:12px;}
    .ai-assistant-page .ai-chat-footer {padding:14px;align-items:flex-start;flex-direction:column;gap:6px;}
    .ai-assistant-page .ai-info-card {padding:24px;}
}
@media (prefers-reduced-motion:reduce) {
    .ai-assistant-page .ai-chat.is-ready .ai-bubble {opacity:1;}
    .ai-assistant-page .ai-chat.is-playing .ai-bubble {animation:none;transform:none;}
    .ai-assistant-page .ai-info-card {transition:none;}
}