@font-face{font-family:Tajawal;src:url('assets/tajawal-regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
body{font-family:Tajawal,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.65}html[lang=ar] *{letter-spacing:normal!important}html[lang=en] body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}h1,h2,h3,p{overflow-wrap:break-word}html[lang=ar] .hero h1{line-height:1.35;font-weight:700}html[lang=ar] .hero .intro{font-size:17px;line-height:1.9}html[lang=ar] .section-title{line-height:1.5}html[lang=ar] .demo-copy h2{line-height:1.5}nav{height:78px}.links{font-size:14px}.btn{font-size:15px;min-height:48px;line-height:1.4}.btn.small{font-size:13px;min-height:40px}.lang{font-family:Arial,sans-serif;color:var(--ink);min-width:44px;min-height:44px}.announcement{font-size:12px;font-weight:400}.announcement b{font-weight:400}.eyebrow{font-size:12px}.section-desc{font-size:16px}.step p{font-size:15px}.checkline{font-size:14px}.demo-copy p{font-size:15px}.hero .intro{color:#65717c}.faq{padding-bottom:55px}summary{font-size:17px;align-items:center;line-height:1.8;min-height:35px}details{padding:20px 0}details p{font-size:15px}summary:after{content:'';display:block;width:14px;height:14px;flex:0 0 14px;background:linear-gradient(#7a8791,#7a8791) center/14px 1.5px no-repeat,linear-gradient(#7a8791,#7a8791) center/1.5px 14px no-repeat}details[open] summary:after{content:'';background:linear-gradient(#7a8791,#7a8791) center/14px 1.5px no-repeat}.checkline b{font-size:0;width:18px;flex:0 0 18px}.checkline b:after{content:'';display:block;width:9px;height:5px;border-left:1.7px solid #00a38b;border-bottom:1.7px solid #00a38b;transform:rotate(-45deg);margin-top:7px}.success-circle{font-size:0}.success-circle:after{content:'';width:23px;height:12px;border-left:2px solid #00a487;border-bottom:2px solid #00a487;transform:rotate(-45deg)}.glyph-arrow{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.btn>.glyph-arrow{margin-inline-start:5px}html[dir=ltr] .glyph-arrow{transform:scaleX(-1)}.phone-top{direction:ltr}.phone-status{display:flex;gap:4px;align-items:center}.phone-status svg{width:13px;height:10px;stroke:currentColor;fill:none;stroke-width:1.4}.modal p{font-size:14px}.reason{font-size:15px}.notice{font-size:12px}.modal ul{font-size:14px}.modal .eyebrow{font-size:11px}.close{font-size:0;display:grid;place-items:center}.close:after{content:'';width:13px;height:13px;background:linear-gradient(45deg,transparent 45%,#6b7882 45%,#6b7882 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#6b7882 45%,#6b7882 55%,transparent 55%)}.phone .sub,.notification p{font-size:10px}.phone h3{line-height:1.7}.phone-bottom{font-size:10px}.stage-caption{font-size:11px}.floating{font-size:12px}.final-cta p{font-size:15px}footer{font-size:12px;line-height:1.8}html[lang=en] .phone{direction:ltr}html[lang=en] .phone .notification{text-align:left}
@media(max-width:760px){.header{position:relative;backdrop-filter:none;background:#fff}nav{height:72px;padding:0 20px}.logo{width:93px}.nav-actions{gap:8px}.btn.small{font-size:12px;min-height:40px;padding:10px 17px}.announcement{font-size:11px;padding:12px 18px;line-height:1.8}.announcementLink{display:none}.hero{padding:38px 20px 0}.hero h1{font-size:48px}html[lang=ar] .hero .intro{font-size:15px;margin:18px auto 25px;line-height:1.9;max-width:340px}.eyebrow{font-size:10px;margin-bottom:15px}.btn{font-size:14px;padding:14px 22px}.text-btn{font-size:14px}.stage{margin-top:28px;height:385px;max-width:390px}.sticker{left:3%;width:205px;padding:18px 14px}.phone{right:2%;transform:rotate(8deg) scale(.74)}.sticker .brand{width:73px}.sticker p{font-size:10px;line-height:1.5}.sticker small{font-size:8px}.floating{font-size:10px;padding:9px 11px}.floating.second{font-size:10px;padding:8px 10px;top:315px}.stage-caption{font-size:10px;bottom:5px}.trust{margin:22px 20px 42px;display:grid;grid-template-columns:1fr;gap:12px;justify-items:center;font-size:12px}.trust .icon{width:19px}.section{padding:46px 24px}.section-title{font-size:32px;margin:8px 0 13px}.section-desc{font-size:15px}.section-header{margin-bottom:28px}.section-header .section-desc{max-width:none}.steps{gap:28px}.step-num{font-size:12px}.step h3{font-size:21px;margin:16px 0 8px;line-height:1.6}.step p{font-size:15px;line-height:1.9}.privacy{gap:28px}.checkline{font-size:14px;line-height:1.8;align-items:flex-start;padding:14px 0}.privacy-art{min-height:265px}.privacy-label{font-size:12px;bottom:26px}.demo-banner{border-radius:23px}.demo-copy{padding:30px 26px 15px;min-width:0}.demo-copy h2{font-size:30px;margin:10px 0 15px;line-height:1.55}.demo-copy p{font-size:14px;margin-bottom:23px;line-height:1.9}.demo-copy .btn{width:100%;font-size:13px}.demo-visual{min-height:220px;padding:15px 0 30px}.demo-mini{padding:20px;transform:rotate(7deg)}.demo-mini img{width:116px}.demo-mini small{font-size:11px}.faq{padding-top:5px;padding-bottom:40px}.faq>h2{margin-bottom:22px;font-size:30px}summary{font-size:15px;line-height:1.9;gap:16px}details{padding:17px 0}details p{font-size:14px;margin:14px 0 0;line-height:1.9}.final-cta{padding:25px 24px 55px}.final-cta h2{font-size:32px;line-height:1.5}.final-cta p{font-size:14px}.modal{max-height:calc(100dvh - 40px);padding:32px 24px;border-radius:22px}.modal h2{font-size:25px}.modal p{font-size:14px}footer{font-size:11px;gap:18px}footer div{font-size:10px;display:block}footer div span{display:block;margin-bottom:5px}html[lang=en] .hero h1{font-size:44px;letter-spacing:-1.5px}html[lang=en] .section-title{font-size:31px}}
@media(max-width:360px){nav{padding:0 15px}.hero{padding-inline:15px}.hero h1{font-size:43px}.stage{height:355px}.sticker{left:0;width:190px;top:95px}.phone{right:-3%;transform:rotate(8deg) scale(.67)}.floating.second{top:290px}.cta-row{gap:10px}.cta-row .btn{padding:13px 18px}.section{padding-inline:20px}.demo-copy{padding:25px 20px 15px}.demo-copy h2{font-size:27px}}