.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.welcome__logo{width:76px;height:76px;border-radius:20px;object-fit:contain;background:#fff;padding:6px;box-shadow:var(--shadow)}.welcome__title{font-size:2.2rem;line-height:1.35;color:var(--text);max-width:640px}@media(max-width:600px){.welcome__title{font-size:1.6rem}}.welcome__highlight{color:var(--primary)}.welcome__description{max-width:560px;margin:0;color:var(--text-muted);font-size:1.02rem}.suggestion-bar{position:relative;margin-bottom:8px}.suggestion-bar__row{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.suggestion-bar__row::-webkit-scrollbar{display:none}.suggestion-bar__chip{flex:0 0 auto;padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--primary-strong);font-size:.85rem;font-weight:500;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.suggestion-bar__chip:hover{background:var(--primary-soft);border-color:var(--primary)}.suggestion-bar__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-sm);transition:background .15s ease,transform .1s ease}.suggestion-bar__arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.suggestion-bar__arrow:active{transform:translateY(-50%) scale(.92)}.suggestion-bar__arrow--start{inset-inline-start:-6px}.suggestion-bar__arrow--end{inset-inline-end:-6px}.suggestion-bar:before,.suggestion-bar:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;z-index:1}.suggestion-bar:before{inset-inline-start:0;background:linear-gradient(to left,transparent,var(--bg) 80%)}.suggestion-bar:after{inset-inline-end:0;background:linear-gradient(to right,transparent,var(--bg) 80%)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.suggestion-chips__chip{padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--primary-strong);font-size:.92rem;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .1s ease}.suggestion-chips__chip:hover{background:var(--primary-soft);border-color:var(--primary)}.suggestion-chips__chip:active{transform:scale(.98)}.chat-input{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.chat-input:focus-within{border-color:var(--primary);box-shadow:var(--shadow),0 0 0 4px var(--primary-soft)}.chat-input--recording{border-color:var(--primary);box-shadow:var(--shadow),0 0 0 4px var(--primary-soft)}.chat-input .waveform{flex:1;min-width:0;height:40px}.chat-input__timer{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--primary-strong)}.chat-input__hint{flex:0 0 auto;font-size:.82rem;color:var(--text-muted)}@media(max-width:560px){.chat-input__hint{display:none}}.chat-input__cancel{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:none;border-radius:50%;background:var(--danger);color:#fff;animation:mic-pulse 1.2s infinite}.chat-input__field{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:1.05rem;color:var(--text);padding:10px 8px}.chat-input__field::placeholder{color:var(--text-muted)}.chat-input__field:focus{outline:none}.chat-input__field:disabled{opacity:.6}.chat-input__mic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:none;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);transition:background .15s ease,color .15s ease,transform .1s ease}.chat-input__mic:hover:not(:disabled){background:var(--primary);color:#fff}.chat-input__mic:disabled{opacity:.5;cursor:not-allowed}.chat-input__mic--recording{background:var(--danger);color:#fff;animation:mic-pulse 1.2s infinite}.chat-input__send{flex:0 0 auto;border:none;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-weight:600;padding:11px 22px;transition:background .15s ease,transform .1s ease}.chat-input__send:hover:not(:disabled){background:var(--primary-strong)}.chat-input__send:active:not(:disabled){transform:scale(.98)}.chat-input__send:disabled{opacity:.5;cursor:not-allowed}@keyframes mic-pulse{0%{box-shadow:0 0 #b3261e80}70%{box-shadow:0 0 0 12px #b3261e00}to{box-shadow:0 0 #b3261e00}}.chart{margin-top:14px;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.message-response__text{margin:0;white-space:pre-wrap;color:var(--text)}.message-response__followups{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.message-response__followups-title{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.message-response__followups-chips{display:flex;flex-wrap:wrap;gap:8px}.message-response__followup{padding:7px 13px;background:var(--primary-soft);border:1px solid transparent;border-radius:var(--radius-pill);color:var(--primary-strong);font-size:.86rem;font-weight:500;text-align:start;transition:background .15s ease,border-color .15s ease}.message-response__followup:hover{background:var(--surface);border-color:var(--primary)}.message{display:flex;flex-direction:column;gap:12px}.message__role{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.message__user{align-self:flex-start;max-width:88%;padding:12px 16px;background:var(--primary);color:#fff;border-radius:var(--radius);border-top-right-radius:4px;box-shadow:var(--shadow-sm)}.message__user .message__role{color:#fffc}.message__question{margin:0;font-weight:500}.message__assistant{align-self:stretch;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-top-left-radius:4px;box-shadow:var(--shadow-sm);animation:message-pop .25s ease}@keyframes message-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shiny-text{display:inline-block;color:var(--text-muted);background:linear-gradient(110deg,var(--text-muted) 40%,var(--primary) 50%,var(--text-muted) 60%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;animation:shine var(--shine-duration, 2.5s) linear infinite}@keyframes shine{0%{background-position:220%}to{background-position:-20%}}@media(prefers-reduced-motion:reduce){.shiny-text{animation:none;-webkit-text-fill-color:var(--primary);color:var(--primary)}}.steps{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);max-width:360px}.steps__row{display:flex;align-items:flex-start;gap:9px;padding:4px 0;position:relative}.steps__row:not(:last-child) .steps__icon:after{content:"";position:absolute;top:18px;inset-inline-start:8px;width:1.5px;height:calc(100% - 6px);background:var(--border)}.steps__row--done .steps__icon:after{background:var(--primary-soft)}.steps__icon{position:relative;flex:0 0 18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.steps__body{display:flex;flex-direction:column;gap:1px;padding-top:1px}.steps__label{font-size:.85rem;font-weight:500}.steps__detail{font-size:.76rem;color:var(--text-muted)}.steps__row--pending .steps__icon{background:var(--surface-2);border:1px solid var(--border)}.steps__row--pending .steps__label{color:var(--text-muted);opacity:.7}.steps__dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);opacity:.5}.steps__row--active .steps__icon{background:var(--primary-soft)}.steps__row--active .steps__label{color:var(--primary-strong)}.steps__row--done .steps__icon{background:var(--primary);color:#fff}.steps__row--done .steps__label{color:var(--text)}.steps__row--skipped .steps__icon{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.steps__row--skipped .steps__label{color:var(--text-muted)}.steps__spinner{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--primary-soft);border-top-color:var(--primary);animation:steps-spin .7s linear infinite}@keyframes steps-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.steps__spinner{animation-duration:1.4s}}.error-message{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:#fcecea;border:1px solid #f3c9c4;color:var(--danger);font-size:.95rem}.error-message__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;font-weight:700;font-size:.85rem}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.animated-bg__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.animated-bg__blob--1{width:520px;height:520px;top:-160px;inset-inline-end:-120px;background:radial-gradient(circle,rgba(181,48,42,.35),transparent 70%);animation:bg-drift-1 22s ease-in-out infinite}.animated-bg__blob--2{width:460px;height:460px;bottom:-180px;inset-inline-start:-120px;background:radial-gradient(circle,rgba(184,144,47,.28),transparent 70%);animation:bg-drift-2 26s ease-in-out infinite}.animated-bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(36,26,25,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(36,26,25,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 35%,#000 0%,transparent 75%)}@keyframes bg-drift-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(1.08)}}@keyframes bg-drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.animated-bg__blob{animation:none}}.call{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.call__header{display:flex;align-items:center;justify-content:space-between}.call__title{font-family:var(--font-heading);font-weight:600;color:var(--text)}.call__close{border:none;background:var(--surface-2);color:var(--text-muted);width:30px;height:30px;border-radius:50%;font-size:.9rem}.call__close:hover{background:var(--primary-soft);color:var(--primary-strong)}.call__stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.call__orb{position:relative;width:96px;height:96px;border-radius:50%;border:none;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.call__orb-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#b5302a40,#b5302a0d);transition:transform .08s ease-out}.call__orb svg{position:relative;z-index:1}.call__orb--listening{background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 6px #b5302a14}.call__orb--speaking{background:var(--primary);color:#fff;animation:call-speak 1.1s ease-in-out infinite}.call__orb--connecting{animation:call-pulse 1s ease-in-out infinite}.call__orb--idle:hover{background:var(--primary);color:#fff}.call__orb--bounce{animation:call-bounce .45s cubic-bezier(.34,1.56,.64,1)}.call__status{font-size:.92rem;font-weight:600;color:var(--primary-strong)}.call__transcript{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface-2);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto}.call__line{margin:0;line-height:1.6}.call__who{font-weight:700;color:var(--primary-strong);margin-inline-end:4px}.call__line--user .call__who{color:var(--text-muted)}.call__error{margin:0;color:var(--danger);font-size:.9rem}.call__hint{margin:0;text-align:center;font-size:.82rem;color:var(--text-muted)}@keyframes call-speak{0%,to{box-shadow:0 0 #b5302a59}50%{box-shadow:0 0 0 14px #b5302a00}}@keyframes call-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes call-bounce{0%{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.96)}to{transform:scale(1)}}.app{display:flex;flex-direction:column;min-height:100vh}.app__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;max-width:1100px;width:100%;margin:0 auto}.app__brand{display:flex;align-items:center;gap:10px}.app__brand-logo{width:42px;height:42px;border-radius:11px;object-fit:contain;background:#fff;padding:3px;box-shadow:var(--shadow-sm)}.app__bar-right{display:flex;align-items:center;gap:10px}.app__export{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--primary);background:var(--surface);color:var(--primary-strong);border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;transition:background .15s ease}.app__export:hover:not(:disabled){background:var(--primary-soft)}.app__export:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--text-muted)}.app__tabs{display:flex;gap:6px;justify-content:center;padding:4px;margin:0 auto 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:fit-content;box-shadow:var(--shadow-sm)}.app__tab{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-pill);font-weight:600;font-size:.92rem;transition:background .15s ease,color .15s ease}.app__tab--active{background:var(--primary);color:#fff}.app__tab--active .app__call-dot{background:#fff;box-shadow:none;animation:none}.app__brand-name{font-family:var(--font-heading);font-weight:600;font-size:1.05rem;color:var(--text)}.app__demo-tag{font-size:.76rem;font-weight:600;color:var(--accent-gold);background:#fbf3df;border:1px solid #efe1bd;padding:5px 11px;border-radius:var(--radius-pill);white-space:nowrap}.app__main{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--hero-maxw);margin:0 auto;padding:0 16px}.app__main--landing{justify-content:center}.app__main--call{justify-content:flex-start;padding-top:12px}.app__main[hidden]{display:none}.app__landing{display:flex;flex-direction:column;align-items:center;gap:28px;padding:24px 0 64px}.app__landing-composer{width:100%}.app__chat{flex:1;display:flex;flex-direction:column;min-height:0}.app__thread{flex:1;display:flex;flex-direction:column;gap:22px;padding:16px 0 8px;overflow-y:auto}.app__chat-composer{position:sticky;bottom:0;padding:12px 0 14px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.app__call-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--primary);background:var(--surface);color:var(--primary-strong);border-radius:var(--radius-pill);font-weight:600;font-size:.92rem;transition:background .15s ease,transform .1s ease}.app__call-btn:hover{background:var(--primary-soft)}.app__call-btn:active{transform:scale(.98)}.app__call-btn--inline{margin-top:10px;align-self:center}.app__call-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 #b5302a80;animation:call-dot-pulse 1.6s infinite}.app__note{margin:0 auto;padding:4px 16px 16px;max-width:var(--hero-maxw);font-size:.76rem;color:var(--text-muted);text-align:center}@keyframes call-dot-pulse{0%{box-shadow:0 0 #b5302a80}70%{box-shadow:0 0 0 7px #b5302a00}to{box-shadow:0 0 #b5302a00}}:root{--bg: #f7f4f2;--surface: #ffffff;--surface-2: #fbf8f7;--border: #eadfdc;--primary: #b5302a;--primary-strong: #8f221d;--primary-soft: #fbe9e7;--accent-gold: #b8902f;--text: #241a19;--text-muted: #6b5d5b;--danger: #b3261e;--success: #2e7d57;--radius: 16px;--radius-sm: 12px;--radius-pill: 999px;--shadow: 0 10px 36px rgba(60, 20, 18, .1);--shadow-sm: 0 2px 10px rgba(60, 20, 18, .07);--font-heading: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", system-ui, sans-serif;--maxw: 760px;--hero-maxw: 720px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-heading);font-weight:600;margin:0}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}