.portfolio-chat{--chat-accent:#cbd5e1;--chat-surface:#0b1015;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:600;font-family:Peyda Persian,Arial,Helvetica,sans-serif;position:fixed}.portfolio-chat .chat-message p,.portfolio-chat .chat-error,.portfolio-chat .chat-composer textarea{font-family:Peyda Persian,Arial,Helvetica,sans-serif}.chat-backdrop{z-index:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;background:#02050a40;position:fixed;inset:0}.chat-nudge{z-index:2;border:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent);background:var(--chat-surface);border-radius:20px;align-items:flex-start;gap:12px;width:min(320px,100vw - 32px);padding:18px 34px 18px 16px;display:flex;position:absolute;bottom:66px;right:0;box-shadow:0 16px 48px #0007}.chat-nudge:after{content:"";background:var(--chat-surface);border-right:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent);width:10px;height:10px;position:absolute;bottom:-6px;right:22px;transform:rotate(45deg)}.chat-nudge-icon{width:34px;height:34px;color:var(--chat-accent);background:color-mix(in srgb,var(--chat-accent) 10%,transparent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.chat-nudge h3{color:#f3f4f6;margin:0 0 7px;font-size:14px;font-weight:600}.chat-nudge p{color:#ffffffa0;margin:0;font-size:12px;line-height:1.7}.chat-nudge-action{color:var(--chat-accent);background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:12px;display:inline-flex}.chat-nudge-close{color:#ffffff90;background:0 0;border:0;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:8px;right:7px}.chat-nudge-close:hover{color:#fff;background:#ffffff0a}.chat-avatar>span,.chat-launcher-glyph>span{display:flex}.chat-launcher-glyph{justify-content:center;align-items:center;width:21px;height:21px;position:relative}.chat-launcher-icon--idle svg{transform-origin:50% 75%;animation:7s ease-in-out infinite chat-icon-greeting}.chat-launcher{z-index:2;position:relative}.chat-panel{z-index:2;transform-origin:100% 100%;animation:none}.chat-launcher{min-height:52px;color:var(--chat-accent);border:1px solid color-mix(in srgb,var(--chat-accent) 28%,transparent);background:color-mix(in srgb,var(--chat-accent) 5%,var(--chat-surface));border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 15px;transition:background .25s,border-color .25s,transform .25s;display:flex;box-shadow:0 8px 35px #0008}.chat-launcher:hover{border-color:color-mix(in srgb,var(--chat-accent) 60%,transparent);background:color-mix(in srgb,var(--chat-accent) 10%,var(--chat-surface));transform:translateY(-3px)}.chat-launcher>span:first-child{display:flex}.chat-launcher-label{color:#f3f4f6;font-size:11px}.chat-launcher-ai{border:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent);border-radius:5px;padding:3px 5px;font:8px/1 monospace}.chat-panel{border:1px solid color-mix(in srgb,var(--chat-accent) 22%,transparent);background:var(--chat-surface);width:min(410px,100vw - 32px);height:min(670px,100dvh - 115px);box-shadow:0 28px 95px #000b,0 0 50px color-mix(in srgb,var(--chat-accent) 3%,transparent);border-radius:24px;flex-direction:column;display:flex;position:absolute;bottom:66px;right:0;overflow:hidden}.chat-header{background:linear-gradient(120deg,color-mix(in srgb,var(--chat-accent) 6%,transparent),transparent);border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px 10px;padding:16px 18px 13px;display:grid}.chat-avatar{background:0 0;border:0;align-self:stretch;width:48px;position:relative}.chat-brand-logo{width:100%;height:100%;position:absolute;inset:0}.chat-identity{flex:1;min-width:0}.chat-header h2{letter-spacing:-.025em;color:#f8fafc;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:1.25}.chat-header .chat-identity-role{color:#ffffff95;margin:4px 0 0;font-size:11px;line-height:1.4}.chat-header p{align-items:center;gap:7px;margin:5px 0 0;font-size:12px;line-height:1.4;display:flex}.chat-header .chat-connection{white-space:nowrap;color:#fb923c;background:0 0;grid-column:1/-1;justify-self:start;gap:6px;margin:0;padding:3px 0;font-size:10px;line-height:1.4}.chat-connection i{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.chat-connection[data-state=connecting] i:after{content:"";border:1px solid;border-radius:50%;animation:1.4s ease-out infinite chat-connection-pulse;position:absolute;inset:-4px}.chat-connection[data-state=connected]{color:#4ade80}.chat-connection[data-state=unavailable]{color:#fca5a5}.chat-header-actions{flex-shrink:0;gap:3px;margin-left:auto;display:flex}.chat-header-actions button,.chat-answer-footer button{color:#ffffff85;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.chat-header-actions button:hover,.chat-answer-footer button:hover{color:var(--chat-accent);background:#ffffff08}.chat-header-actions button:disabled{opacity:.3}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat-accent) 22%,transparent) transparent;flex:1;min-height:0;padding:22px 18px;overflow-y:auto}.chat-welcome-icon{border:1px solid color-mix(in srgb,var(--chat-accent) 18%,transparent);width:56px;height:56px;color:var(--chat-accent);background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--chat-accent) 12%,transparent),transparent);border-radius:18px;place-items:center;margin:0 0 20px;display:grid;position:relative}.chat-welcome-icon>svg{flex-shrink:0;width:34px;height:34px;display:block}.chat-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--chat-accent);margin:0 0 10px;font:10px/1.5 monospace}.chat-welcome h3{letter-spacing:-.045em;color:#f4f5f7;margin:0;font-size:30px;font-weight:500;line-height:1.12}.chat-welcome>p:not(.chat-eyebrow){color:#ffffffa0;max-width:310px;margin:14px 0 20px;font-size:13px;line-height:1.8}.chat-shortcuts{grid-template-columns:1fr 1fr;gap:7px;display:grid}.chat-shortcuts button{color:#ffffffbd;text-align:left;background:#ffffff03;border:1px solid #ffffff13;border-radius:11px;justify-content:space-between;align-items:center;gap:5px;min-height:44px;padding:10px;font-size:12px;transition:border-color .2s,background .2s;display:flex}.chat-shortcuts button:hover{border-color:color-mix(in srgb,var(--chat-accent) 40%,transparent);background:color-mix(in srgb,var(--chat-accent) 5%,transparent)}.chat-shortcuts svg{color:var(--chat-accent);flex-shrink:0}.chat-quick-links,.chat-answer-links{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.chat-quick-links button,.chat-answer-links button{color:var(--chat-accent);background:0 0;border:0;align-items:center;gap:4px;padding:3px 0;font-size:12px;display:inline-flex}.chat-quick-links button{border:1px solid #ffffff12;border-radius:9px;min-height:34px;padding:6px 9px;transition:background .18s,border-color .18s,color .18s,transform .18s}.chat-quick-links button:hover,.chat-answer-links button:hover{background:color-mix(in srgb,var(--chat-accent) 12%,transparent);border-color:color-mix(in srgb,var(--chat-accent) 55%,transparent);color:#fff}.chat-quick-links button:hover{transform:translateY(-2px)}.chat-quick-links button svg{transition:transform .18s}.chat-quick-links button:hover svg{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.chat-quick-links button:hover,.chat-quick-links button:hover svg{transform:none}}.chat-message{margin-bottom:18px}.chat-message-author{color:#ffffff85;margin:0 0 7px;font:10px/1.5 monospace;display:block}.chat-message p{color:#f2f3f5;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0;font-size:14px;line-height:1.65}.chat-message--user{border:1px solid color-mix(in srgb,var(--chat-accent) 13%,transparent);background:color-mix(in srgb,var(--chat-accent) 7%,transparent);border-radius:14px 14px 4px;margin-left:28px;padding:12px 14px}.chat-message--assistant{padding:4px 1px}.chat-message--assistant>p{text-align:start}.chat-question-picker{margin-bottom:8px;position:relative}.chat-question-picker summary{color:#e2e8f0;background:#ffffff03;border:1px solid #ffffff15;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding:5px 9px;font-size:11px;list-style:none;display:flex}.chat-question-picker summary::-webkit-details-marker{display:none}.chat-question-picker summary:hover,.chat-question-picker[open] summary{border-color:var(--chat-accent);background:color-mix(in srgb,var(--chat-accent) 7%,transparent)}.chat-question-picker summary:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-question-picker[open] summary>svg{transform:rotate(180deg)}.chat-question-list{z-index:3;border:1px solid color-mix(in srgb,var(--chat-accent) 30%,transparent);background:var(--chat-surface);border-radius:12px;max-height:220px;padding:5px;position:absolute;bottom:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0008}.chat-question-list button{color:#e2e8f0;text-align:start;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 11px;font-size:12px;display:flex}.chat-question-list button:hover{background:color-mix(in srgb,var(--chat-accent) 10%,transparent);color:#fff}.chat-question-list button:disabled{opacity:.4}.chat-answer-links button{border:1px solid color-mix(in srgb,var(--chat-accent) 28%,transparent);background:color-mix(in srgb,var(--chat-accent) 6%,transparent);border-radius:10px;min-height:36px;padding:8px 10px}.chat-message--assistant .chat-message-author{color:var(--chat-accent)}.chat-answer-footer{align-items:center;gap:7px;margin-top:9px;display:flex}.chat-answer-footer>span{color:#ffffff70;font-size:10px}.chat-thinking{color:var(--chat-accent);align-items:center;gap:4px;display:flex}.chat-thinking>span{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite chat-thinking}.chat-thinking>span:nth-child(2){animation-delay:.15s}.chat-thinking>span:nth-child(3){animation-delay:.3s}.chat-thinking p{color:#ffffff90;margin:0 0 0 5px;font-size:12px}.chat-error{color:#e9c9ae;overflow-wrap:anywhere;background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;padding:11px;font-size:14px;line-height:1.8}.chat-composer{border-top:1px solid #ffffff0d;flex-shrink:0;padding:12px 15px 14px}.chat-privacy-notice{color:#ffffff80;margin:0 0 10px;font-size:10px;line-height:1.6}.chat-composer form{background:#ffffff04;border:1px solid #ffffff20;border-radius:13px;align-items:flex-end;gap:8px;padding:10px;display:flex}.chat-composer form:focus-within{border-color:color-mix(in srgb,var(--chat-accent) 55%,transparent)}.chat-composer textarea{resize:vertical;color:#f5f5f5;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:100px;font:15px/1.7 Peyda Persian,Arial,Helvetica,sans-serif}.chat-composer textarea::placeholder{color:#fff5}.chat-send{background:var(--chat-accent);color:#080a0e;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.chat-send:disabled{opacity:.3}.chat-composer-meta{color:#ffffff85;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:10px;font-size:10px;line-height:1.5;display:flex}.chat-composer-meta>span:first-child{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.portfolio-chat button:focus-visible{outline:2px solid var(--chat-accent);outline-offset:3px}.portfolio-chat button svg{flex-shrink:0}.chat-scroll{contain:layout paint;scroll-behavior:auto}.chat-contact-back{color:var(--chat-accent);background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:7px 0;font-size:12px;display:inline-flex}.chat-contact-notice{color:#e9fff0;background:#0d241b;border:1px solid #4ade806b;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin:10px 14px 0;padding:11px 12px;display:flex;box-shadow:0 8px 24px #0005}.chat-contact-notice>svg{color:#4ade80;flex-shrink:0}.chat-contact-notice>span{flex:1;gap:3px;min-width:0;display:grid}.chat-contact-notice strong{font-size:12px;line-height:1.35}.chat-contact-notice small{color:#b5dec3;font-size:11px;line-height:1.4}.chat-contact-notice button{color:#b5dec3;background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.chat-contact-notice button:hover{color:#fff;background:#ffffff12}.chat-panel[data-view=contact] .contact-field-pair{grid-template-columns:1fr}.portfolio-chat[data-theme=home]{--chat-accent:color-mix(in srgb,var(--engineering),var(--digital));--chat-brand-gradient:linear-gradient(135deg,var(--engineering),var(--digital));--chat-brand-edge:linear-gradient(135deg,color-mix(in srgb,var(--engineering) 45%,transparent),color-mix(in srgb,var(--digital) 45%,transparent))}.portfolio-chat[data-theme=home] .chat-panel,.portfolio-chat[data-theme=home] .chat-nudge{background:linear-gradient(var(--chat-surface),var(--chat-surface)) padding-box,var(--chat-brand-edge) border-box;border-color:#0000}.portfolio-chat[data-theme=home] .chat-header{background:linear-gradient(115deg,color-mix(in srgb,var(--engineering) 9%,transparent),color-mix(in srgb,var(--digital) 9%,transparent))}.portfolio-chat[data-theme=home] .chat-launcher{background:linear-gradient(135deg,color-mix(in srgb,var(--engineering) 9%,var(--chat-surface)),color-mix(in srgb,var(--digital) 9%,var(--chat-surface))) padding-box,var(--chat-brand-edge) border-box;border-color:#0000}.portfolio-chat[data-theme=home] .chat-launcher:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--engineering) 16%,var(--chat-surface)),color-mix(in srgb,var(--digital) 16%,var(--chat-surface))) padding-box,var(--chat-brand-gradient) border-box}.portfolio-chat[data-theme=home] .chat-welcome-icon,.portfolio-chat[data-theme=home] .chat-nudge-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--engineering) 14%,transparent),color-mix(in srgb,var(--digital) 14%,transparent))}.portfolio-chat[data-theme=home] .chat-send{background:var(--chat-brand-gradient)}.portfolio-chat[data-theme=home] .chat-message--user{background:linear-gradient(135deg,color-mix(in srgb,var(--engineering) 7%,transparent),color-mix(in srgb,var(--digital) 7%,transparent))}.portfolio-chat[data-theme=home] .chat-nudge{background:linear-gradient(120deg,color-mix(in srgb,var(--engineering) 4%,var(--chat-surface)),color-mix(in srgb,var(--digital) 4%,var(--chat-surface))) padding-box,var(--chat-brand-edge) border-box}@keyframes chat-thinking{0%,to{opacity:.25}50%{opacity:1}}@keyframes chat-connection-pulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes chat-icon-greeting{0%,72%,to{transform:translateY(0)rotate(0)}79%{transform:translateY(-3px)rotate(-9deg)}85%{transform:translateY(-3px)rotate(8deg)}91%{transform:translateY(0)rotate(-3deg)}}@media (max-width:639px){.portfolio-chat{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.chat-nudge{border-radius:16px;gap:9px;width:min(284px,100vw - 24px);padding:13px 35px 13px 13px;bottom:62px}.chat-nudge-icon{border-radius:9px;width:30px;height:30px}.chat-nudge-icon svg{width:17px;height:17px}.chat-nudge h3{margin-bottom:4px;font-size:13px;line-height:1.3}.chat-nudge p{font-size:11px;line-height:1.5}.chat-nudge-action{min-height:24px;margin-top:8px;font-size:11px}.chat-nudge-close{width:32px;height:32px;top:5px;right:5px}.chat-launcher{border-radius:16px;width:50px;height:50px;min-height:50px;padding:0}.chat-launcher-label,.chat-launcher-ai{display:none}.chat-panel{border-radius:20px;width:calc(100vw - 24px);height:min(650px,100dvh - 95px);bottom:62px}.chat-header{padding:14px}.chat-header h2{font-size:18px}.chat-header .chat-identity-role{font-size:10px}.chat-scroll{padding:18px 15px}.chat-composer textarea{font-size:16px;line-height:1.5}.chat-welcome h3{font-size:28px}.chat-welcome-icon{border-radius:14px;width:44px;height:44px;margin-bottom:14px}.chat-welcome-icon>svg{width:28px;height:28px}.chat-shortcuts button{min-height:42px}}.chat-panel[data-view=welcome]{height:min(720px,100dvh - 95px)}.chat-panel[data-view=welcome] .chat-scroll{padding:24px 20px 16px}.chat-welcome{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px 14px;display:grid}.chat-welcome-icon{border-radius:16px;grid-area:2/1;width:52px;height:52px;margin:0}.chat-welcome-icon>svg{width:30px;height:30px}.chat-welcome .chat-eyebrow{letter-spacing:.06em;grid-area:1/1/auto/-1;margin:0;font-size:10px}.chat-welcome h3{letter-spacing:-.03em;grid-area:2/2;align-self:center;font-size:24px;line-height:1.2}.chat-welcome>p:not(.chat-eyebrow){grid-column:1/-1;max-width:none;margin:8px 0;line-height:1.75}.chat-welcome .chat-shortcuts{grid-column:1/-1}.chat-welcome .chat-quick-links{grid-column:1/-1;margin-top:8px}.chat-panel[data-view=welcome] .chat-composer form{padding:8px}.chat-panel[data-view=welcome] .chat-composer textarea{resize:none}@media (max-width:639px){.chat-panel[data-view=welcome]{height:min(700px,100dvh - 86px)}.chat-panel[data-view=welcome] .chat-scroll{padding:20px 15px}.chat-welcome{grid-template-columns:52px minmax(0,1fr);gap:10px 12px}.chat-welcome-icon{border-radius:16px;width:52px;height:52px}.chat-welcome-icon>svg{width:30px;height:30px}.chat-welcome h3{font-size:22px}}@media (max-height:700px){.chat-panel[data-view=welcome] .chat-header{row-gap:5px;padding-top:10px;padding-bottom:10px}.chat-panel[data-view=welcome] .chat-scroll{padding:16px 15px}.chat-welcome{gap:8px 12px}.chat-welcome h3{font-size:22px;line-height:1.2}.chat-welcome>p:not(.chat-eyebrow){margin:5px 0;font-size:13px;line-height:1.6}.chat-welcome .chat-shortcuts{gap:8px}.chat-welcome .chat-shortcuts button{min-height:44px;padding:9px;font-size:12px}.chat-welcome .chat-quick-links{margin-top:4px}.chat-panel[data-view=welcome] .chat-composer{padding:8px 15px 10px}.chat-panel[data-view=welcome] .chat-privacy-notice{margin-bottom:7px;line-height:1.5}.chat-panel[data-view=welcome] .chat-composer-meta{margin-top:7px}.chat-panel[data-view=welcome]{top:10px;right:inherit;height:auto;position:fixed;bottom:10px}.chat-panel[data-view=welcome] .chat-scroll{padding-bottom:8px}.portfolio-chat:has(.chat-panel[data-view=welcome]) .chat-launcher{visibility:hidden;pointer-events:none}}@media (max-height:500px) and (min-width:640px){.chat-panel[data-view=welcome]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:auto;height:auto;display:grid;position:fixed;inset:8px}.chat-panel[data-view=welcome] .chat-header{grid-column:1/-1}.chat-panel[data-view=welcome] .chat-scroll{padding:8px 15px 4px}.chat-welcome{gap:6px 12px}.chat-panel[data-view=welcome] .chat-composer{border-top:0;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-self:stretch;display:flex}}@media (prefers-reduced-motion:reduce){.chat-panel,.chat-launcher-icon--idle svg,.chat-connection[data-state=connecting] i:after{animation:none}.chat-launcher{transition:background .2s,border-color .2s}.chat-launcher:hover{transform:none}}@media (max-height:380px) and (min-width:640px){.chat-panel[data-view=welcome] .chat-header{padding-top:6px;padding-bottom:6px}.chat-panel[data-view=welcome] .chat-connection{padding-block:0}}@media (max-height:600px) and (max-width:639px){.chat-panel[data-view=welcome] .chat-scroll{padding-top:10px}.chat-welcome>p:not(.chat-eyebrow){margin-block:3px}.chat-welcome .chat-quick-links{margin-top:0}}