body{--accent:#c52032;--surface:#f5f5f6;--text:#161b24;color:var(--text)}.preview-bar{padding:7px 5%;background:#f1ecec;font-size:11px;display:flex;justify-content:space-between}.preview-bar a{font-weight:700}.hero-new h1{font-size:clamp(38px,4.8vw,66px);line-height:1.5;font-weight:800;margin:12px 0 20px;letter-spacing:-1.5px}.hero-new p{font-size:18px;color:#59616c;line-height:1.95;max-width:650px}.section-caption{font-size:12px;font-weight:750;color:var(--accent)}.cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:26px 0}.primary{display:inline-flex;gap:35px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:7px;padding:12px 24px;font-size:15px;font-weight:700}.primary:hover{filter:brightness(.9)}.secondary{font-size:14px;font-weight:650}.hero-new{padding-top:42px;padding-bottom:55px}.visual{min-width:0}.visual .product{transform:none;width:100%}.visual .mock{min-height:330px}.visual .mock-body h3{font-size:17px}.visual .mock-body p{font-size:10px}.visual .demo-label{font-size:9px}.visual .floating{display:none}.chips,.device-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#68717b;margin-top:25px}.feature-block{border-top:1px solid #e4e5e8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.benefits article{padding:20px 0}.benefits article>span{font-size:12px;color:var(--accent);font-weight:750}.benefits h3{font-size:21px;margin:8px 0}.benefits p{font-size:15px;color:#626b76;line-height:1.95}.download{max-width:none;padding-left:max(6%,calc((100% - 1120px)/2));padding-right:max(6%,calc((100% - 1120px)/2));background:var(--surface)}.download>p{font-size:16px;color:#626b76}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.platforms article{background:#fff;border:1px solid #e2e4e8;padding:28px;border-radius:12px}.os{font-size:32px;color:var(--accent)}.platforms h3{font:700 23px Arial,sans-serif;direction:ltr;text-align:right}.platforms p{font-size:14px;color:#626b76}.platforms button{font-family:inherit;width:100%;border:0;border-radius:6px;padding:11px 8px;background:#eee;color:#676e78;font-size:13px}.platforms small{display:block;font-size:11px;color:#737c86;margin-top:12px;line-height:1.9}.remote{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.remote p{font-size:17px;color:#59616c}.remote small{font-size:12px;color:#78808b}.end{text-align:center;background:#faf4f4;max-width:none}.one .hero-new{text-align:center;background:#fff}.one .hero-new>p{margin:auto}.one .cta,.one .device-links{justify-content:center}.one .visual{max-width:900px;margin:40px auto 0;text-align:right;padding:24px 35px 0;background:#f2f3f5;border-radius:18px}.one .visual .mock{min-height:260px}.one .hero-new h1 br{display:none}.one .hero-new h1 em{display:block}.two{background:#10141b;color:#f4f5f7}.two header{border-bottom:1px solid #2a3039}.two .preview-bar{background:#24202a;color:#d5cbd0}.two .hero-new{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;background:radial-gradient(ellipse at 18% 45%,#64162755,transparent 55%);max-width:1400px}.two .section-caption{color:#f38696}.two em{color:#fa8294}.two .hero-new p,.two .benefits p,.two .remote p{color:#b1bac6}.two .chips{color:#a4adba}.two .feature-block{border-color:#333a45}.two .download{background:#191f29}.two .download>p{color:#bbc1cb}.two .platforms article{background:#242c38;border-color:#3b4351}.two .platforms p,.two .platforms small{color:#bcc5d1}.two .platforms button{background:#343f4f;color:#c2c9d4}.two .end{background:#241923}.two footer{color:#c5ccd5}.three .hero-new{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center;max-width:1400px;background:#f4f6f8}.three .visual{padding:30px 15px;background:#e4e8ed;border-radius:18px}.three .hero-new h1{font-size:clamp(38px,4vw,57px)}.three .feature-block{border:0}.three .benefits article{border-right:3px solid #c52032;padding:10px 22px}.three .download{text-align:center;background:#191e27;color:#fff}.three .download>p{color:#c1c7d1}.three .platforms{text-align:right}.three .platforms article{color:#161b24}.three .remote{background:#f6f7f9;max-width:none;padding-left:8%;padding-right:8%}a:focus-visible{outline:3px solid #e8576b;outline-offset:4px}@media(max-width:760px){.hero-new h1{font-size:37px;letter-spacing:-.5px}.hero-new p{font-size:16px}.two .hero-new,.three .hero-new{grid-template-columns:1fr;gap:30px}.three .hero-new h1{font-size:37px}.one .hero-new h1 br{display:block}.one .visual{padding:14px 10px 0}.visual .mock{min-height:280px}.benefits,.platforms,.remote{grid-template-columns:1fr;gap:16px}.benefits article{padding:12px 0}.preview-bar{font-size:10px;gap:14px}.platforms article{padding:23px}.remote{gap:5px}.device-links{gap:15px}.visual .mock-body h3{font-size:13px}.visual .mock-body p{font-size:8px}}
@font-face{font-family:Tajawal;src:url(assets/Tajawal-Regular.ttf) format("truetype");font-weight:400 600;font-display:swap}@font-face{font-family:Tajawal;src:url(assets/Tajawal-Bold.ttf) format("truetype");font-weight:650 900;font-display:swap}body,button,input{font-family:Tajawal,Arial,sans-serif}.hero-new h1{line-height:1.35;letter-spacing:0}.hero-new p,.benefits p{line-height:1.85}
.two .mock-body h3{color:#202631}.two .mock-body p{color:#68717b}