@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--blue:#1556ef;--ink:#101d3b;--muted:#697791;--border:#e5eaf3;--pale:#eff5ff;--font:'Cairo',Tahoma,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 12% 40%,#edf3ff80,transparent 60%),#f8faff;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #7eacff;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:none;border-color:#77a2ff;box-shadow:0 0 0 3px #1556ef12}.sprite{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:100px;background:#ffffffd9;border-bottom:1px solid var(--border)}.nav-inner{max-width:1384px;height:100%;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.brand{display:flex;align-items:center;gap:12px}.brand img{object-fit:contain;border-radius:12px;box-shadow:0 3px 12px #182e5a15}.brand strong{font-size:19px;line-height:1.3;letter-spacing:-.5px;display:block}.brand strong span{font-weight:500;font-size:14px;letter-spacing:0}.brand small{color:#7b89a2;font-family:Arial,sans-serif;letter-spacing:1.7px;font-size:10px;display:block;margin-top:7px;text-transform:uppercase}nav{display:flex;align-items:center;gap:26px;direction:rtl}.nav-link{font-size:13px;color:#5c6d8c}.nav-divider{width:1px;height:20px;background:var(--border)}.contact-top{background:var(--blue);box-shadow:0 4px 10px #1556ef17;border-radius:10px;color:white;padding:12px 20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:16px}.contact-top svg{width:17px;height:17px}.workspace{max-width:1384px;margin:0 auto;padding:38px 40px 24px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:42px;direction:ltr;align-items:start}.intro,.chat-column{direction:rtl;min-width:0}.intro{padding-top:13px;text-align:right}.eyebrow{display:flex;align-items:center;gap:9px;color:#40719c;font-size:11px;font-weight:600}.green-dot{width:8px;height:8px;border-radius:50%;background:#1dbe85;box-shadow:0 0 0 4px #1dbe850c}.eyebrow-line{width:1px;height:12px;background:#d1ddef;margin:0 3px}h1{font-size:clamp(29px,2.65vw,40px);line-height:1.6;font-weight:800;letter-spacing:-1.2px;margin:18px 0 15px}h1 bdi{display:inline-block;color:#123c8f;font-family:Arial,sans-serif;font-size:1.08em;letter-spacing:-1.5px;line-height:1.5}.title-dot{color:#299ae6;font-family:Arial;font-size:1.25em}.intro-copy{color:#65738e;font-size:14px;line-height:2.1;margin:0 0 30px;max-width:490px}.choose-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:8px}.choose-heading h2{font-size:16px;margin:0;font-weight:800}.choose-heading>span{font-size:10px;color:#8a96aa}.sectors{display:grid;gap:12px}.sector{width:100%;display:flex;direction:ltr;align-items:center;gap:17px;text-align:right;background:white;border:1px solid #e2e8f2;border-radius:14px;min-height:98px;padding:16px 19px;color:var(--ink);box-shadow:0 3px 6px #17356004;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.sector:hover{transform:translateY(-2px);border-color:#a3bfff;box-shadow:0 6px 20px #1947ac0b}.sector[aria-pressed=true]{border-color:#407cff;background:linear-gradient(110deg,#eef6ff,#e5eeff);box-shadow:0 0 0 2px #fff inset}.sector-icon{height:51px;width:51px;display:grid;place-items:center;border-radius:13px;background:#edf4ff;color:#1962ed;flex-shrink:0}.sector-icon svg{width:32px;height:32px;stroke-width:1.8}.law .sector-icon{background:#fff7e8;color:#c38c2f}.fitness .sector-icon{background:#eef0f7;color:#314365}.sector-copy{flex:1;direction:rtl}.sector-copy strong{display:block;font-size:17px;font-weight:800;line-height:1.5}.sector-copy small{display:block;font-size:11px;line-height:1.9;color:#65738c;margin-top:4px}.sector-tail{display:flex;color:#7c8ca5}.sector-tail svg{width:20px;height:20px;transform:rotate(180deg)}.sector[aria-pressed=true] .sector-tail{color:var(--blue)}.demo-note{margin-top:22px;padding:18px;display:flex;gap:15px;align-items:center;direction:ltr;border:1px solid #dfe9ff;border-radius:13px;background:linear-gradient(110deg,#e9f1ff,#f0f5ff)}.note-icon{height:49px;width:49px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--blue);background:#fff9;box-shadow:0 0 0 1px #dae6ff}.demo-note>div{direction:rtl}.demo-note strong{font-size:13px}.demo-note p{font-size:11px;line-height:1.9;color:#667a9a;margin:5px 0 0}.interest-button{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;width:100%;background:white;color:#174fc5;border:1px solid #bfd1f4;border-radius:10px;padding:12px 15px;font-weight:700;font-size:13px;transition:background .2s}.interest-button:hover{background:#eaf1ff}.interest-button svg{width:17px;height:17px}.free-caption{font-size:10px;display:flex;gap:5px;align-items:center;justify-content:center;color:#8190a9;margin-top:8px}.free-caption svg{width:13px;height:13px;color:#6a8fba}.chat-card{background:white;border:1px solid #e1e7f0;border-radius:19px;box-shadow:0 9px 32px #213a7307;overflow:hidden;display:flex;flex-direction:column;height:744px}.chat-header{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr;border-bottom:1px solid #edf0f7}.assistant-info{display:flex;align-items:center;gap:12px;min-width:0}.assistant-info>div{direction:rtl;text-align:right}.assistant-icon{height:45px;width:45px;display:grid;place-items:center;background:linear-gradient(135deg,#f0f6ff,#d8e8ff);border:1px solid #e4edff;border-radius:14px;color:var(--blue);flex-shrink:0}.assistant-icon svg{width:26px;height:26px}.chat-header h2{font-size:15px;line-height:1.7;margin:0;font-weight:800}.connection{font-size:10px;margin:1px 0 0;display:flex;align-items:center;gap:5px;color:#73829b}.status-dot{width:6px;height:6px;border-radius:50%;background:#12b981}.connection.pending .status-dot{background:#d5a13c}.connection.error .status-dot{background:#db6170}.new-chat{display:flex;align-items:center;gap:7px;color:#53647f;background:#fcfdff;border:1px solid #e2e8f3;border-radius:9px;padding:9px 11px;font-size:10px;white-space:nowrap;direction:rtl}.new-chat:hover{background:#f0f5ff}.new-chat svg{width:15px;height:15px}.chat-label{direction:rtl;display:flex;justify-content:space-between;padding:11px 23px 0;font-size:9px;color:#96a2b7}.chat-label>span:last-child{display:flex;gap:4px;align-items:center}.chat-label svg{width:11px;height:11px}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;scrollbar-width:thin;scrollbar-color:#d5e0f2 transparent}.empty-state{height:100%;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 8px 20px}.empty-orbit{width:109px;height:109px;border:1px solid #e2ebfc;position:relative;border-radius:50%;display:grid;place-items:center;background:#f9fbff;margin-bottom:17px;box-shadow:0 0 0 12px #f9fbff}.empty-orbit img{object-fit:contain;border-radius:17px;width:76px;height:76px;box-shadow:0 6px 14px #12357419}.orbit-dot{position:absolute;width:9px;height:9px;background:#6b9cff;border:3px solid #fff;box-sizing:content-box;top:6px;right:5px;border-radius:50%}.empty-kicker{color:#4f7bc6;font-size:10px;margin-bottom:7px}.empty-state h3{font-size:25px;line-height:1.7;letter-spacing:-.5px;margin:0;font-weight:800}.empty-state>p{font-size:11px;line-height:1.9;color:#7b8ba6;margin:9px 0 13px}.empty-tags{display:flex;align-items:center;gap:12px;color:#7490ba;font-size:9px}.empty-tags i{width:3px;height:3px;background:#b4c8e9;border-radius:50%}.setup-hint{font-size:9px;color:#8794ab;display:flex;align-items:flex-start;gap:5px;max-width:330px;margin-top:22px}.setup-hint svg{width:13px;height:13px;margin-top:3px}.chat-bottom{border-top:1px solid #edf1f7;padding:15px 19px 11px;background:linear-gradient(#fff,#fcfdff)}.suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.suggest-label{display:flex;align-items:center;gap:4px;color:#9aa8bd;font-size:9px;padding:5px 0 5px 5px}.suggest-label svg{width:13px;height:13px}.suggestions button{border:1px solid #e2e9f5;background:#fbfcff;color:#5c7193;font-size:9px;border-radius:7px;padding:5px 8px;transition:background .2s}.suggestions button:hover{background:#ecf3ff;border-color:#a1bff7}.composer{display:flex;align-items:center;gap:8px;border:1px solid #dfe7f4;border-radius:12px;padding:6px;background:white;box-shadow:0 3px 5px #20386502}.composer:focus-within{border-color:#90b2fb;box-shadow:0 0 0 3px #1556ef08}.composer textarea{min-width:0;flex:1;resize:none;border:0;padding:8px 10px;background:transparent;font-size:12px;height:42px;max-height:112px;color:var(--ink);line-height:26px;box-shadow:none}.composer textarea::placeholder{color:#a0acc0}.composer button{width:44px;height:44px;background:var(--blue);border:0;border-radius:9px;color:white;display:grid;place-items:center;box-shadow:0 4px 9px #1556ef26;flex-shrink:0}.composer button:hover{background:#0644da}.composer button svg{width:21px;height:21px;transform:scaleX(-1)}.composer-caption{font-size:8px;text-align:center;color:#9ca9bd;margin:7px 0 0}.privacy-note{display:flex;gap:8px;margin:13px 8px 0;align-items:flex-start;color:#8190a6}.privacy-note svg{width:15px;height:15px;margin-top:5px;flex-shrink:0}.privacy-note p{font-size:9px;line-height:1.9;margin:0}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;animation:appear .22s ease-out}.message.user{align-items:flex-end}.bubble{max-width:88%;padding:12px 16px;border-radius:13px 13px 3px 13px;font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f3f8;color:#273b60}.message.user .bubble{background:#e1edff;color:#164084;border-radius:13px 13px 13px 3px}.message-meta{font-size:8px;color:#99a8bd;margin:5px 5px 0}.message.system{align-items:center}.message.system .bubble{background:#fff8eb;border:1px solid #f0e3c9;color:#876b35;font-size:10px;text-align:center;border-radius:9px;max-width:100%}.typing{display:flex;gap:5px;align-items:center;padding:17px}.typing span{width:5px;height:5px;background:#83a5db;border-radius:50%;animation:pulse 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.error-banner{background:#fff1f1;border:1px solid #f1d0d0;color:#9d4444;padding:9px 12px;font-size:10px;line-height:1.9;border-radius:8px;margin-bottom:10px}.error-banner[hidden],.lead-status[hidden],[hidden]{display:none!important}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1304px;border-top:1px solid var(--border);margin:8px auto 0;padding:19px 0 24px;color:#95a0b5;direction:ltr;font-size:10px}footer>span:first-child{font-family:Arial;font-size:11px;color:#61728e}footer .copyright{color:#a1acc0;margin-left:10px}footer>a{display:flex;align-items:center;gap:6px;direction:rtl;color:#6e83a4}footer svg{width:15px;height:15px}dialog{width:min(470px,calc(100% - 30px));border:1px solid #e3eafa;border-radius:22px;padding:27px;box-shadow:0 24px 100px #0b235c30;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#152c536b;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-icon{width:45px;height:45px;border-radius:13px;background:#edf4ff;display:grid;place-items:center;color:var(--blue)}.close-dialog{width:32px;height:32px;border:0;background:#f5f7fb;color:#8492a8;border-radius:8px;display:grid;place-items:center}.close-dialog svg{width:18px;height:18px}.dialog-kicker{color:#6183b9;font-size:10px}dialog h2{font-size:20px;font-weight:800;margin:6px 0}.dialog-desc{font-size:11px;color:#7a8aa5;line-height:1.9;margin-bottom:18px}#lead-form>label:not(.consent){font-weight:700;font-size:11px;display:block;margin:12px 0 5px}#lead-form>input,select{width:100%;border:1px solid #dfe7f2;border-radius:9px;background:#fcfdff;padding:10px 12px;font-size:12px;color:var(--ink);height:44px}#lead-form input::placeholder{color:#a7b2c4}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#687a96;line-height:1.9;margin:18px 0}.consent input{margin:4px 0 0;accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}.lead-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px;border:0;background:var(--blue);color:white;border-radius:10px;font-size:12px;font-weight:700}.lead-submit svg{width:17px;height:17px}.dialog-foot{font-size:9px;color:#8b99af;text-align:center;line-height:1.9;margin:15px 0 10px}.dialog-whatsapp{display:flex;align-items:center;justify-content:center;gap:7px;color:#5777a9;font-size:11px}.dialog-whatsapp svg{width:16px;height:16px}.lead-status{font-size:11px;line-height:1.9;background:#fff7e8;color:#8a6f3e;border-radius:8px;padding:10px}.lead-status.success{background:#eaf8f1;color:#24734d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.25;transform:translateY(-3px)}}@media(min-width:1500px){.workspace{padding-top:45px}.chat-card{height:775px}.intro{padding-top:22px}.intro-copy{font-size:15px}.sector{min-height:105px}}
@media(max-width:1100px){.workspace{gap:25px;padding:28px 24px 20px}.nav-inner{padding:0 24px}h1{font-size:29px}.choose-heading>span{display:none}.sector{padding:15px 12px;gap:10px}.sector-copy small{font-size:10px}.sector-copy strong{font-size:15px}.sector-icon{width:43px;height:46px}.chat-header{padding:18px 15px}.chat-header h2{font-size:12px}.new-chat{padding:8px;font-size:9px;gap:5px}.assistant-info{gap:8px}.assistant-icon{width:37px;height:40px}.chat-card{height:755px}footer{margin-right:24px;margin-left:24px}}
@media(max-width:780px){.topbar{height:81px}.nav-inner{padding:0 19px}.brand img{width:43px;height:43px;border-radius:10px}.brand strong{font-size:16px}.brand strong span{font-size:11px}.brand small{font-size:8px;letter-spacing:1px}.nav-link,.nav-divider{display:none}.contact-top{padding:10px 12px;font-size:10px;gap:5px}.contact-top svg{display:none}.workspace{display:flex;flex-direction:column;padding:25px 19px 17px;gap:25px}.intro{width:100%;padding:0}.eyebrow{font-size:10px}h1{font-size:31px;line-height:1.5;margin-top:15px;margin-bottom:12px}.intro-copy{font-size:12px;line-height:2;max-width:100%;margin-bottom:22px}.choose-heading h2{font-size:14px}.choose-heading>span{display:block;font-size:9px}.sector{min-height:84px;padding:12px 16px;gap:14px}.sector-copy strong{font-size:16px}.sector-copy small{font-size:10px}.sector-icon{height:47px;width:47px}.demo-note{margin-top:17px;padding:15px}.demo-note p{font-size:10px}.interest-button{margin-top:15px;padding:12px}.chat-column{width:100%}.chat-card{height:720px;border-radius:16px}.chat-header{padding:16px}.chat-header h2{font-size:13px}.assistant-icon{height:40px;width:40px}.new-chat{font-size:9px;padding:8px}.chat-bottom{padding:13px}.empty-state h3{font-size:24px}.messages{padding:17px}.bubble{font-size:12px;max-width:92%}.suggestions button{font-size:9px}.privacy-note p{font-size:9px}.privacy-note{margin-left:0;margin-right:0}footer{padding:17px 0;flex-wrap:wrap;font-size:9px;margin-top:5px}footer>span:nth-child(2){display:none}}
@media(max-width:360px){.brand strong span{display:none}.contact-top{font-size:9px}h1{font-size:27px}.workspace{padding-left:13px;padding-right:13px}.sector-copy small{font-size:9px}.new-chat span{display:none}.chat-header h2{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep supporting Arabic copy comfortably readable at laptop widths. */
.intro-copy{font-size:15px;color:#566982}.sector-copy small{font-size:12px;color:#5e718f}.demo-note p{font-size:12px;color:#607493}.demo-note strong{font-size:14px}.choose-heading>span{font-size:11px}.eyebrow{font-size:12px}.connection{font-size:11px}.chat-header h2{font-size:16px}.suggestions button{font-size:11px;padding:5px 9px}.suggest-label{font-size:10px}.empty-kicker{font-size:12px}.empty-state>p{font-size:13px;color:#71829f}.empty-tags{font-size:11px}.setup-hint{font-size:11px;color:#7c8aa2}.privacy-note p{font-size:11px;color:#7889a1}.composer-caption{font-size:10px}.composer textarea{font-size:13px}.chat-label{font-size:10px}.dialog-desc{font-size:13px}#lead-form>label:not(.consent){font-size:12px}.consent{font-size:12px}.dialog-foot{font-size:11px}.new-chat{font-size:11px}.free-caption{font-size:11px}
@media(max-width:1100px) and (min-width:781px){.chat-header h2{font-size:13px}.new-chat{font-size:10px}.sector-copy small{font-size:11px}.intro-copy{font-size:14px}}
@media(max-width:780px){.eyebrow{font-size:11px}.intro-copy{font-size:14px}.sector-copy small{font-size:11px}.chat-header h2{font-size:13px}.new-chat{font-size:10px}.demo-note p{font-size:11px}.suggestions button{font-size:10px}.privacy-note p{font-size:10px}.setup-hint{font-size:10px}.chat-card{height:750px}}
/* Smooth sector selection and verified lead feedback. */
.chat-card,.assistant-icon,.sector,.composer button,.lead-submit{transition:border-color .4s,background .4s,color .4s,box-shadow .4s}
body[data-sector=law]{--demo-accent:#a7792c;--demo-soft:#fff6e6}
body[data-sector=clinics]{--demo-accent:#078d99;--demo-soft:#e9faf9}
body[data-sector=fitness]{--demo-accent:#267da5;--demo-soft:#effbdc}
body[data-sector] .chat-card{border-color:color-mix(in srgb,var(--demo-accent,#1556ef) 40%,#e1e7f0)}
body[data-sector] .assistant-icon{color:var(--demo-accent,#1556ef);background:var(--demo-soft,#edf4ff)}
body[data-sector] .sector[aria-pressed=true]{border-color:var(--demo-accent,#407cff);background:var(--demo-soft,#eef6ff)}
body[data-sector] .composer button,body[data-sector] .lead-submit{background:var(--demo-accent,#1556ef)}
.selection-pulse{animation:demo-select-pulse .6s ease-out}
@keyframes demo-select-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 7px color-mix(in srgb,var(--demo-accent,#1556ef) 12%,transparent)}}
dialog[open]{animation:demo-dialog-in .28s ease-out}
@keyframes demo-dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
dialog::backdrop{animation:demo-backdrop-in .25s ease-out}
@keyframes demo-backdrop-in{from{opacity:0}to{opacity:1}}
.lead-success-check{display:inline-block;width:24px;height:24px;margin-left:7px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.lead-success-check path{stroke-dasharray:30;stroke-dashoffset:30;animation:demo-draw-check .55s ease forwards}
@keyframes demo-draw-check{to{stroke-dashoffset:0}}
.lead-status.success{animation:appear .3s ease-out}
@media(prefers-reduced-motion:reduce){.lead-success-check path{stroke-dashoffset:0}}