:root{--ink:#101729;--muted:#667085;--line:#e8ebef;--soft:#f6f8fa;--blue:#2263e6;--green:#39a96b;--mint:#eaf7f1;--radius:28px;--shadow:0 24px 70px rgba(17,24,39,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,235,239,.85)}.nav-wrap{height:76px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#245be9,#49c58e);color:#fff;font-size:23px;font-weight:800;box-shadow:0 10px 24px rgba(34,99,230,.18)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:20px;letter-spacing:.2px}.brand-copy small{font-size:12px;color:#667085;margin-top:4px}.main-nav{display:flex;align-items:center;gap:26px;margin-inline:auto}.main-nav a{font-size:14px;font-weight:600;color:#4d5768}.main-nav a:hover{color:#111827}.nav-actions{display:flex;gap:10px}.primary-btn,.secondary-btn,.ghost-btn,.light-btn{height:48px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:.2s ease}.primary-btn{background:#111827;color:#fff;box-shadow:0 10px 28px rgba(17,24,39,.16)}.primary-btn:hover{transform:translateY(-1px)}.primary-btn.compact{height:42px;padding-inline:18px}.secondary-btn,.ghost-btn{border:1px solid #dfe3e8;background:#fff}.ghost-btn{height:42px}.menu-btn{display:none;margin-inline-start:auto;border:0;background:transparent;width:42px;height:42px;padding:9px}.menu-btn span{display:block;height:2px;background:#111827;margin:7px 0;border-radius:5px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;padding-top:74px;padding-bottom:74px;min-height:700px}.hero-copy{max-width:570px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#27885a;letter-spacing:.1px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#40bd7d}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.08;letter-spacing:-2.8px;margin:20px 0 22px;max-width:640px}.hero h1 em{font-style:normal;color:#2d9d68}.hero-copy>p{font-size:19px;line-height:1.9;color:#596579;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#667085;font-size:13px}.hero-meta b{color:#2e9d69}.hero-gallery{position:relative;height:620px;direction:ltr}.poster{position:absolute;margin:0;overflow:hidden;border-radius:34px;background:#f3f5f7;box-shadow:var(--shadow);border:1px solid #e9edf0}.poster img{width:100%;height:100%;object-fit:cover}.poster-main{width:52%;height:93%;left:24%;top:2%;z-index:3}.poster-side{width:35%;height:60%;z-index:2;opacity:.98}.poster-side.top{left:0;top:3%;transform:rotate(-3deg)}.poster-side.bottom{right:0;bottom:1%;transform:rotate(3deg)}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust div{padding:28px 30px;border-inline-start:1px solid var(--line)}.trust div:last-child{border-inline-start:0}.trust strong,.trust span{display:block}.trust strong{font-size:16px}.trust span{font-size:12px;color:#7b8493;margin-top:4px}.section{padding:120px 0}.section-heading{max-width:760px;margin:0 auto 54px;text-align:center}.section-heading.narrow{max-width:620px}.section-heading h2,.story-copy h2,.windows h2,.final-cta h2{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-1.4px;margin:14px 0}.section-heading p,.story-copy p,.windows p,.final-cta p{font-size:17px;line-height:1.9;color:#667085}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.feature-grid article{padding:34px 28px;min-height:250px;border-inline-start:1px solid var(--line);background:#fff}.feature-grid article:last-child{border-inline-start:0}.feature-grid .num{font-size:12px;color:#8a94a3;font-weight:700}.feature-grid h3{font-size:21px;margin:46px 0 10px}.feature-grid p{font-size:14px;line-height:1.8;color:#6d7787}.story-section{padding:96px 0;border-top:1px solid #eef0f2}.story-section.alt{background:#f8fafb}.story-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.story-row.reverse{grid-template-columns:1.15fr .85fr}.story-row.reverse .story-copy{order:1}.story-row.reverse .product-shot{order:2}.story-copy{max-width:520px}.story-copy h2{font-size:46px}.clean-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.clean-list li{font-weight:600;font-size:14px;padding-right:24px;position:relative}.clean-list li:before{content:"";position:absolute;right:0;top:8px;width:9px;height:9px;border-radius:50%;background:#3bb67a}.product-shot{width:min(470px,100%);margin:auto;border-radius:36px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.12);border:1px solid #e6e9ed}.product-shot img{width:100%;height:auto}.gallery-section{padding:120px 0}.screens-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:start}.screens-grid img{width:100%;border-radius:22px;border:1px solid #e8ebef;box-shadow:0 14px 40px rgba(16,24,40,.08)}.screens-grid img:nth-child(2),.screens-grid img:nth-child(4){margin-top:42px}.windows{padding-bottom:120px}.windows-card{background:#111827;color:#fff;border-radius:34px;padding:58px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;overflow:hidden}.kicker.light{color:#74d7a5}.windows-card p{color:#b9c0cb}.light-btn{background:#fff;color:#111827;margin-top:12px}.desktop-ui{height:330px;border-radius:22px 22px 8px 8px;background:#f6f8fb;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:perspective(900px) rotateY(-7deg) rotateX(2deg);direction:ltr}.desktop-top{height:24px;border-bottom:1px solid #e4e8ee}.desktop-body{height:calc(100% - 24px);display:grid;grid-template-columns:78px 1fr}.desktop-body aside{border-right:1px solid #e5e9ee}.desktop-body section{padding:24px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-kpis i{height:54px;background:#fff;border:1px solid #e7eaef;border-radius:12px}.mini-chart{height:160px;margin-top:18px;border-radius:14px;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #e7edf5;position:relative}.mini-chart:after{content:"";position:absolute;left:8%;right:8%;bottom:34%;height:2px;background:#3b82f6;transform:skewY(-8deg);box-shadow:75px -26px 0 #3b82f6,150px 12px 0 #3b82f6}.faq{padding:110px 0}.faq-list{max-width:820px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px;font-weight:700;list-style:none}details p{color:#667085;line-height:1.8}.final-cta{margin-bottom:120px;background:#edf8f2;border-radius:30px;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:42px;margin-bottom:8px}.final-cta p{margin:0}.site-footer{background:#0f1726;color:#fff;padding:64px 0}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:70px}.footer-brand p{max-width:420px;color:#aeb7c4;line-height:1.8;font-size:14px}.site-footer .brand-copy small{color:#b7c0cb}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:13px}.footer-grid>div>strong{margin-bottom:6px}.footer-grid>div>a{color:#b9c0c9;font-size:14px}.footer-grid>div>a:hover{color:#fff}@media(max-width:980px){.main-nav,.nav-actions{display:none}.menu-btn{display:block}.menu-open .main-nav{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:76px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.menu-open .main-nav a{padding:14px}.hero{grid-template-columns:1fr;gap:40px;padding-top:54px}.hero-copy{max-width:720px}.hero-gallery{height:640px}.trust{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(2){border-inline-start:0}.story-row,.story-row.reverse{grid-template-columns:1fr;gap:46px}.story-row.reverse .story-copy,.story-row.reverse .product-shot{order:initial}.story-copy{max-width:680px}.screens-grid{grid-template-columns:repeat(3,1fr)}.screens-grid img:nth-child(2),.screens-grid img:nth-child(4){margin-top:0}.windows-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-copy strong{font-size:18px}.hero{padding-top:36px;padding-bottom:48px;min-height:auto}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-copy>p{font-size:16px;line-height:1.8}.hero-actions{display:grid}.hero-actions a{width:100%}.hero-meta{display:grid;gap:9px}.hero-gallery{height:510px;margin-inline:-5px}.poster-main{width:64%;height:93%;left:18%}.poster-side{width:38%;height:56%}.poster-side.top{left:-4%}.poster-side.bottom{right:-4%}.trust{grid-template-columns:1fr 1fr}.trust div{padding:20px 12px}.section{padding:82px 0}.section-heading{margin-bottom:34px;text-align:right}.section-heading h2,.story-copy h2{font-size:34px;letter-spacing:-.8px}.feature-grid{display:grid;grid-template-columns:1fr;border-radius:18px}.feature-grid article{min-height:auto;padding:24px;border-inline-start:0;border-bottom:1px solid var(--line)}.feature-grid article:last-child{border-bottom:0}.feature-grid h3{margin:22px 0 8px}.story-section{padding:70px 0}.story-row{gap:32px}.product-shot{width:min(390px,100%);border-radius:28px}.gallery-section{padding:82px 0}.screens-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory}.screens-grid img{flex:0 0 74%;scroll-snap-align:center;border-radius:18px}.windows{padding-bottom:82px}.windows-card{padding:32px 22px;border-radius:24px;gap:34px}.windows h2{font-size:34px}.desktop-ui{height:220px}.faq{padding:82px 0}.final-cta{margin-bottom:82px;padding:34px 24px;display:block}.final-cta h2{font-size:34px}.final-cta .primary-btn{margin-top:18px;width:100%}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-brand{grid-column:auto}}