@font-face{font-family:Metabit;src:url('/static/arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Metabit;src:url('/static/arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Metabit;src:url('/static/arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Metabit;src:url('/static/arabic-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--blue:#4165f6;--blue-dark:#3152df;--ink:#202942;--muted:#858a9d;--line:#e9ebf3;--bg:#f6f7fb;--font:Metabit,'Tahoma',sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.7}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #f2b12f;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}button{color:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.site-shell{max-width:1240px;margin:auto;padding:0 66px;min-height:100svh;display:flex;flex-direction:column}.header{height:115px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e6e8f0}.brand{display:flex;align-items:center;mix-blend-mode:multiply}.brand img{width:153px;height:auto}.header-divider{height:23px;width:1px;background:#dfe3ee}.header-label{color:#777e93;font-size:12px}.help-link{margin-right:auto;display:flex;align-items:center;gap:8px;color:#737b91;background:transparent;font-size:12px}.help-link svg{width:17px;height:17px}.landing-main{display:grid;grid-template-columns:1.05fr 1fr;gap:88px;align-items:center;flex:1;padding:64px 0 62px;position:relative}.intro{position:relative;padding-top:8px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#64708c;font-size:12px;font-weight:500}.small-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #4165f60c}h1,h2,p{margin:0}.intro h1{font-size:76px;line-height:1.34;letter-spacing:-3px;font-weight:800;margin:21px 0 23px}.answer{color:var(--blue);position:relative;display:inline-block}.answer svg{position:absolute;bottom:-6px;right:-3px;width:100%;height:18px;stroke:#edb144;stroke-width:3.5;transform:rotate(-3deg)}.intro-copy{font-size:16px;color:#81879b;line-height:2.05}.human-note{display:flex;align-items:center;gap:13px;margin-top:32px;width:fit-content}.support-icon{display:grid;place-items:center;background:#edf0fc;color:var(--blue);border:1px solid #e4e8fb;width:46px;height:46px;border-radius:15px}.human-note strong{display:block;font-size:12px;font-weight:600}.human-note div>span{display:block;font-size:10px;color:#9297aa;margin-top:2px}.note-spark{font-size:28px;color:#dba849;margin-right:8px}.steps{display:flex;align-items:center;gap:12px;margin-top:55px;white-space:nowrap}.steps>div{display:flex;gap:7px;align-items:center;font-size:10px;color:#7b839a}.step-num{font-family:Arial,sans-serif;font-size:10px;color:#99a3bd;letter-spacing:1px}.steps i{height:1px;min-width:15px;flex:1;background:#dfe3ef;max-width:28px}.intro-decoration{position:absolute;font-size:84px;line-height:1;color:#e4e8f7;left:14px;top:26px;z-index:-1;transform:rotate(12deg)}.start-card{background:white;border:1px solid #e7e9f3;border-radius:24px;box-shadow:0 16px 60px -30px #42578925,0 2px 8px #263b6203;padding:30px 34px;position:relative}.start-card:before{content:'';position:absolute;left:30px;right:30px;height:3px;top:-1px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#4165f600,#4165f6aa,#4165f600)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;color:var(--blue);background:#eef1ff}.card-icon svg{width:23px;height:23px}.card-tag{font-size:10px;color:#9299af;border:1px solid #edf0f7;padding:4px 10px;border-radius:20px}.start-card h2{font-size:28px;letter-spacing:-.8px;font-weight:750}.start-card h2>span{color:var(--blue)}.card-description{color:#989db0;font-size:12px;margin-top:3px;margin-bottom:25px}form>label{display:block;font-weight:500;font-size:12px;margin-bottom:8px}form>label>span{color:#a2b1ed;margin-right:4px}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e6e9f3;border-radius:10px;background:#fcfcfe;height:51px;padding:0 14px;margin-bottom:19px;transition:.2s}.input-wrap:focus-within{border-color:#7290ff;box-shadow:0 0 0 3px #4165f610;background:#fff}.input-wrap svg{width:17px;height:17px;color:#a7aec1}.input-wrap input{outline:none;border:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:12px}.input-wrap input::placeholder{color:#a6aabb}.topics{padding:0;border:0;margin:1px 0 23px}.topics legend{font-size:11px;margin-bottom:10px;color:#747c93}.topic-options{display:flex;gap:7px}.topic-options label{flex:1;cursor:pointer;position:relative}.topic-options input{position:absolute;opacity:0}.topic-options span{display:block;text-align:center;font-size:10px;white-space:nowrap;padding:8px 4px;border:1px solid #e8ebf3;border-radius:8px;color:#9198ab;transition:.15s}.topic-options input:checked+span{border-color:#d6defe;background:#f0f3ff;color:var(--blue)}.topic-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:49px;background:var(--blue);color:white;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 6px 12px #4165f61b;transition:background .2s,transform .2s}.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary:active{transform:translateY(0)}.start-button{justify-content:space-between;padding:0 20px}.start-button svg{width:19px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#a4aabd;font-size:9px;margin-top:15px}.privacy-note svg{width:12px;height:12px}.resume-link{display:block;background:transparent;color:var(--blue);font-size:11px;text-align:center;margin:14px auto 0}.resume-link span{font-size:16px;margin-right:5px}.reassurance{border-top:1px solid #e6e8f1;border-bottom:1px solid #e6e8f1;display:flex;align-items:center;gap:13px;padding:22px 0}.reassurance-icon{display:flex;color:#8597d7}.reassurance-icon svg{width:23px;height:23px}.reassurance p{font-size:11px;color:#9198ac}.reassurance strong{color:#646e89;font-weight:500}.reassurance-brand{margin-right:auto;font-size:11px;color:#a7adc0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0a7b9;min-height:80px;gap:15px}.footer>div{display:flex;align-items:center;gap:14px}.footer button{font-size:10px;color:#8e97ac;background:transparent;padding:0}.footer-dot{color:#b1b8cc}.blue-heart{color:var(--blue);font-size:16px;vertical-align:middle;margin-right:3px}.error{font-size:12px;color:#c43d54;line-height:1.8;padding:10px;background:#fff2f3;border-radius:8px;margin-bottom:12px}.chat-page{max-width:900px;margin:auto;padding:0 28px;min-height:100svh;display:flex;flex-direction:column}.chat-brand{height:93px;display:flex;align-items:center;gap:24px;padding:0 8px}.chat-brand img{width:126px;mix-blend-mode:multiply}.chat-brand>span{font-size:11px;color:#9aA1b4;border-right:1px solid #dfe3ef;padding-right:24px}.chat-brand>button{margin-right:auto;background:transparent;color:#939bb2;display:flex}.chat-container{background:#fff;border:1px solid #e4e8f3;border-radius:22px;box-shadow:0 12px 50px #42578909;overflow:hidden;display:flex;flex-direction:column;height:calc(100svh - 145px);min-height:400px;max-height:850px}.chat-header{display:flex;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid var(--line)}.agent-avatar{width:44px;height:44px;border-radius:15px;background:#edf1ff;color:var(--blue);display:grid;place-items:center;position:relative}.agent-avatar>span{position:absolute;bottom:0;left:-1px;width:11px;height:11px;border-radius:50%;background:#a8b3cf;border:2px solid white}.agent-avatar.active>span{background:#40b896}.agent-avatar.closed>span{background:#a5acbc}.agent-info h1{font-size:14px;font-weight:650}.agent-info p{font-size:10px;color:#8a94aa;margin-top:1px}.ticket-label{margin-right:auto;font-family:Arial,sans-serif;font-size:11px;direction:ltr;border:1px solid #e9ecf5;border-radius:7px;padding:4px 9px;color:#a0a9bf}.close-ticket{font-size:10px;background:#fff0f0;color:#b65865;border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:5px}.close-ticket svg{width:13px;height:13px}.chat-context{display:flex;align-items:center;gap:7px;color:#949db3;font-size:10px;background:#fafbfe;padding:8px 26px;border-bottom:1px solid #f0f2f8}.chat-context>svg{height:13px;width:13px}.context-dot{margin:0 5px}.messages{flex:1;min-height:0;overflow-y:auto;padding:25px;scroll-behavior:smooth;overscroll-behavior:contain;background-image:radial-gradient(#e7ebf44a .8px,transparent .8px);background-size:19px 19px}.conversation-start{text-align:center;margin:3px 0 30px}.conversation-start>span{font-size:10px;color:#9ea7bd;display:inline-block;border:1px solid #edf0f7;background:#fff;border-radius:20px;padding:3px 12px}.conversation-start p{font-size:10px;color:#adb4c6;margin-top:7px}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 18px}.message-row.other{align-items:flex-end}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 15px;border-radius:14px 3px 14px 14px;background:var(--blue);color:#fff;max-width:80%;font-size:13px;line-height:1.9;unicode-bidi:plaintext}.other .message-bubble{background:#f0f3fa;color:#46536e;border-radius:3px 14px 14px 14px}.message-meta{display:flex;gap:8px;font-size:9px;color:#abb2c3;margin:5px 2px 0}.system-message{font-size:10px;text-align:center;color:#9ba5bc;margin:20px 0;line-height:1.9}.chat-bottom{padding:15px 22px 10px;border-top:1px solid var(--line);background:#fff}.composer{display:flex;gap:10px;align-items:flex-end;background:#f8f9fc;border:1px solid #e9edf5;border-radius:12px;padding:7px}.composer:focus-within{border-color:#c5d1fd}.composer textarea{flex:1;resize:none;border:0;background:transparent;outline:none;font-size:12px;line-height:1.7;min-height:36px;max-height:130px;padding:8px 9px;min-width:0;color:var(--ink)}.composer textarea::placeholder{color:#a8afc1}.send-button{height:37px;width:40px;background:var(--blue);color:white;border-radius:8px;display:grid;place-items:center}.send-button svg{width:18px;height:18px;transform:scaleX(-1)}.chat-security{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#aeb5c6;margin-top:9px}.chat-security svg{width:12px;height:12px}.chat-footer{text-align:center;color:#a6aec0;font-size:10px;padding:15px}.connection-banner{padding:6px;text-align:center;font-size:11px;background:#fff7e4;color:#a78036}.closed-banner{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#8e99ae;padding:10px 0;flex-wrap:wrap}.closed-banner svg{width:15px;height:15px;color:#4cae95}.closed-banner button{color:var(--blue);font-size:10px;background:#eef2ff;padding:5px 10px;border-radius:6px}.chat-error{margin-bottom:7px;padding:5px 10px;font-size:11px}dialog{border:1px solid #e7eaf4;padding:35px;border-radius:22px;color:var(--ink);max-width:430px;width:calc(100% - 36px);font-family:var(--font);box-shadow:0 30px 80px #1c315a33}dialog::backdrop{background:#25345666;backdrop-filter:blur(5px)}.dialog-close{position:absolute;left:16px;top:12px;font-size:24px;color:#9aa4bb;background:transparent;font-family:Arial;padding:5px}.info-dialog .card-icon{margin-bottom:20px}.info-dialog h2{font-size:23px;margin-bottom:12px}.info-dialog p,.info-dialog li{font-size:13px;line-height:2;color:#858fa5}.info-dialog ul{padding-right:20px}.info-dialog .primary{margin-top:25px}.rating-dialog{text-align:center;padding-top:25px}.rating-art{font-size:68px;line-height:1.2;color:#e6b353;display:block;margin:3px 0 13px}.rating-dialog .eyebrow{font-size:10px;color:#8596cf}.rating-dialog h2{font-size:25px;margin:8px 0}.rating-dialog>p{font-size:11px;color:#939cb2}.stars{display:flex;justify-content:center;gap:9px;margin-top:23px;direction:ltr}.star-button{background:transparent;color:#e0e5ef;padding:0;font-size:39px;line-height:1.4;transition:transform .15s,color .15s}.star-button.selected{color:#eab34c}.star-button:hover{transform:scale(1.1)}.rating-caption{font-size:11px;color:#939eb6;min-height:20px;margin:4px 0 18px}.rating-dialog textarea{width:100%;border:1px solid #e6eaf4;background:#fafbfe;border-radius:10px;padding:12px;font-size:11px;resize:none;outline:none;color:var(--ink);margin-bottom:18px}.rating-dialog textarea:focus{border-color:#95aaf7}.rating-dialog .primary>span{font-size:21px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 25px;background:#253353;color:#fff;border-radius:12px;font-size:12px;z-index:10;max-width:90%;white-space:nowrap;box-shadow:0 7px 24px #25335330}.staff-gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.staff-gate>img{width:155px;mix-blend-mode:multiply;margin-bottom:35px}.gate-card{width:100%;max-width:390px;background:#fff;border:1px solid #e6e9f5;border-radius:22px;padding:30px;text-align:center}.gate-card>.card-icon{margin:0 auto 18px}.gate-card h1{font-size:23px}.gate-card p{font-size:12px;color:#8c96af;margin:10px 0 20px}.text-link{display:inline-block;color:#8c98b5;font-size:11px;margin-top:18px}
@media(min-width:1350px){.site-shell{max-width:1300px;padding:0 80px}.landing-main{gap:115px;padding-top:75px;padding-bottom:75px}.intro h1{font-size:87px}.start-card{padding:36px 38px}.intro-copy{font-size:17px}}
@media(max-width:1020px){.site-shell{padding:0 35px}.landing-main{gap:40px}.intro h1{font-size:65px}.start-card{padding:26px}.intro-copy{font-size:14px}.steps{gap:7px}.steps>div{font-size:9px;gap:5px}.intro-decoration{left:0;top:50px}.header{height:96px}}
@media(max-width:760px){.site-shell{padding:0 24px}.header{height:83px;gap:13px}.brand img{width:122px}.header-divider{height:19px}.header-label{font-size:10px}.help-link span{display:none}.help-link svg{width:21px;height:21px}.landing-main{display:flex;flex-direction:column;gap:29px;padding:32px 0 34px;align-items:stretch}.intro{padding:0}.eyebrow{font-size:10px}.intro h1{font-size:56px;line-height:1.28;margin:14px 0 16px;letter-spacing:-2px}.intro h1 br{display:none}.answer svg{height:13px;bottom:-9px}.intro-copy{font-size:13px;line-height:1.9}.intro-copy br{display:none}.intro-decoration{font-size:76px;left:8px;top:7px}.human-note{margin-top:20px;gap:10px}.support-icon{width:35px;height:35px;border-radius:11px}.support-icon svg{width:20px;height:20px}.human-note strong{font-size:10px}.human-note div>span{font-size:9px}.note-spark{font-size:24px}.steps{display:none}.start-card{padding:24px;border-radius:20px}.card-top{margin-bottom:15px}.card-icon{width:41px;height:41px;border-radius:12px}.card-tag{font-size:9px}.start-card h2{font-size:25px}.card-description{font-size:11px;margin-bottom:23px}.input-wrap{height:51px;margin-bottom:18px}.input-wrap input{font-size:16px}.input-wrap input::placeholder{font-size:12px}form>label{font-size:12px}.topic-options span{font-size:10px;padding:9px 2px}.primary{min-height:50px}.privacy-note{font-size:9px}.reassurance{padding:19px 0;gap:9px}.reassurance p{font-size:10px;line-height:1.9}.reassurance-brand{display:none}.reassurance-icon svg{width:21px;height:21px}.footer{font-size:9px;min-height:95px;flex-direction:column;justify-content:center;gap:8px}.footer button{font-size:9px}.footer>div{gap:11px}.chat-page{padding:0;min-height:100dvh;height:100dvh;overflow:hidden}.chat-brand{height:68px;min-height:68px;padding:0 21px;gap:16px}.chat-brand img{width:111px}.chat-brand>span{font-size:9px;padding-right:15px}.chat-brand>button svg{width:19px;height:19px}.chat-container{height:auto;max-height:none;flex:1;min-height:0;border-radius:20px 20px 0 0;border-bottom:0;border-left:0;border-right:0}.chat-header{padding:17px 17px;gap:9px}.agent-avatar{width:39px;height:39px;border-radius:12px}.agent-avatar svg{width:21px;height:21px}.agent-info h1{font-size:12px}.agent-info p{font-size:9px}.ticket-label{font-size:10px;padding:3px 6px}.close-ticket{font-size:9px;padding:6px}.close-ticket span{max-width:49px;line-height:1.6}.chat-context{padding:7px 20px;font-size:9px}.messages{padding:20px 17px}.message-bubble{font-size:13px;max-width:86%;padding:9px 13px}.chat-bottom{padding:11px 14px calc(9px + env(safe-area-inset-bottom))}.composer textarea{font-size:16px;padding:5px 6px}.composer textarea::placeholder{font-size:12px;line-height:2}.chat-footer{display:none}.chat-security{font-size:8px;margin-top:7px}.rating-dialog{padding:26px 24px}.info-dialog{padding:29px 24px}}
@media(max-width:359px){.site-shell{padding:0 17px}.header{gap:10px}.brand img{width:110px}.intro h1{font-size:48px}.start-card{padding:20px}.topic-options{gap:4px}.topic-options span{font-size:9px}.chat-header{padding:14px 12px}.ticket-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.intro-decoration svg{display:block;width:1em;height:1em;stroke-width:2.8;stroke-linecap:butt}
@media(max-width:760px){.landing-main{padding-top:25px;gap:24px}.intro h1{font-size:clamp(30px,8.7vw,40px);margin:12px 0 15px;letter-spacing:-1px}.intro-copy{font-size:12px}.intro-decoration{font-size:58px;top:15px;opacity:.7}.human-note{margin-top:15px}.start-card{padding:22px}.card-top{margin-bottom:11px}.card-description{margin-bottom:20px}.input-wrap{margin-bottom:16px}.topics{margin-bottom:20px}}
