.hs{--hs-blue:#2b3399;--hs-yellow:#f6e758;--hs-title:#111827;--hs-text:#5b6575;--hs-green:#18b957;--hs-head:"Montserrat",Arial,sans-serif;--hs-body:"Open Sans",Arial,sans-serif;--hs-bump:0px;--hs-u:uppercase;--hs-ls:.08em;--hs-tight:-.035em;--hs-lh-h1:1.1;--hs-lh-h2:1.12;--hs-lh-p:1.72;--hs-lh-desc:1.75;--hs-lh-ui:1.2;--hs-lh-band:1;--hs-mark:5px;--hs-zone:150px;--hs-band-h:62px;--hs-b1:34px;--hs-b2:88px;--hs-split:.62;position:relative;width:100%;overflow:hidden;font-family:var(--hs-body)} .hs:is(.hs-ar,:lang(ar)){--hs-head:"Cairo",Tahoma,Arial,sans-serif;--hs-body:"Cairo",Tahoma,Arial,sans-serif;--hs-bump:1px;--hs-u:none;--hs-ls:0em;--hs-tight:0em;--hs-lh-h1:1.3;--hs-lh-h2:1.4;--hs-lh-p:1.9;--hs-lh-desc:1.95;--hs-lh-ui:1.4;--hs-lh-band:1.5;--hs-mark:8px} .hs,.hs *,.hs *::before,.hs *::after{box-sizing:border-box} .hs a{text-decoration:none} .hs img{max-width:100%} .hs a:focus-visible,.hs button:focus-visible,.hs-modal button:focus-visible{outline:3px solid #f6e758;outline-offset:3px} .hs .hs-hero{position:relative;z-index:1;isolation:isolate;background:#fff;padding:100px 20px calc(var(--hs-zone) * var(--hs-split) + 56px)} .hs .hs-hero-inner{width:min(1180px,100%);margin-inline:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px} .hs .hs-hero-content{max-width:620px;min-width:0} .hs .hs-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:9px 16px;border:1px solid rgba(43,51,153,.18);border-radius:999px;background:#fff;color:var(--hs-blue);font:700 calc(13px + var(--hs-bump))/var(--hs-lh-ui) var(--hs-body);letter-spacing:var(--hs-ls);text-transform:var(--hs-u)} .hs .hs-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--hs-yellow)} .hs .hs-hero-title{max-width:590px;margin:0;color:var(--hs-title);font:800 clamp(32px,4vw,52px)/var(--hs-lh-h1) var(--hs-head);letter-spacing:var(--hs-tight)} .hs .hs-hero-title span{display:block;width:fit-content;position:relative;color:var(--hs-blue)} .hs .hs-hero-title span::after{content:"";position:absolute;inset-inline:0;bottom:var(--hs-mark);height:10px;border-radius:999px;background:rgba(246,231,88,.78);z-index:-1} .hs .hs-hero-text{max-width:570px;margin:24px 0 28px;color:var(--hs-text);font:400 clamp(16px,1.35vw,18px)/var(--hs-lh-p) var(--hs-body)} .hs .hs-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0 0 34px;padding:0;list-style:none} .hs .hs-feature{display:flex;align-items:center;gap:10px;margin:0;color:#141f32;font:700 16px/1.45 var(--hs-body)} .hs .hs-check{flex:0 0 25px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hs-green);color:#fff;font-size:15px;font-weight:700;line-height:1} .hs .hs-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 30px;border-radius:16px;background:var(--hs-blue);color:#fff;font:700 calc(16px + var(--hs-bump))/1.2 var(--hs-head);box-shadow:0 14px 30px rgba(43,51,153,.22);transition:transform .25s ease,background-color .25s ease} .hs .hs-hero-btn:hover{transform:translateY(-3px);background:#202875;color:#fff} .hs .hs-arr{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hs-yellow);color:var(--hs-blue);font-size:18px;line-height:1} .hs .hs-hero-media{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;animation:hsImgFloat 5.8s ease-in-out infinite} .hs .hs-hero-img{display:block;position:relative;width:min(510px,100%);height:auto;border-radius:34px;object-fit:cover} .hs .hs-fcard{position:absolute;display:inline-flex;flex-direction:column;gap:2px;padding:15px 18px;border:1px solid rgba(43,51,153,.14);border-radius:18px;background:#fff;color:#172033;font:700 calc(13px + var(--hs-bump))/1.35 var(--hs-body);box-shadow:0 14px 34px rgba(17,24,39,.08)} .hs .hs-fcard span{color:var(--hs-blue);font:800 22px/1.15 var(--hs-head)} .hs .hs-fcard-top{top:58px;inset-inline-start:2px;animation:hsCardA 4.6s ease-in-out infinite} .hs .hs-fcard-bottom{bottom:74px;inset-inline-end:0;animation:hsCardB 5s ease-in-out infinite} .hs .hs-seam{position:relative;z-index:6;height:0;direction:ltr;pointer-events:none} .hs .hs-bands{position:absolute;left:-10%;right:-10%;top:calc(-1 * var(--hs-zone) * var(--hs-split));height:var(--hs-zone)} .hs .hs-band{position:absolute;left:0;right:0;height:var(--hs-band-h);overflow:hidden} .hs .hs-band-1{top:var(--hs-b1);background:var(--hs-blue);transform:rotate(-5.5deg)} .hs .hs-band-2{top:var(--hs-b2);background:var(--hs-yellow);transform:rotate(4.2deg)} .hs .hs-track{display:flex;align-items:center;width:max-content;height:100%;animation:hsMarq 34s linear infinite;will-change:transform} .hs .hs-track-rev{animation:hsMarqRev 38s linear infinite} .hs .hs-group{display:flex;flex:none;align-items:center} .hs .hs-group span{flex:none;display:flex;align-items:center;padding-right:34px;color:#fff;font:800 clamp(calc(15px + var(--hs-bump)),1.6vw,calc(22px + var(--hs-bump)))/var(--hs-lh-band) var(--hs-head);letter-spacing:var(--hs-ls);text-transform:var(--hs-u);white-space:nowrap} .hs .hs-group span::after{content:"+";margin-left:34px;opacity:.72} .hs .hs-band-2 .hs-group span{color:var(--hs-blue)} .hs .hs-sub{position:relative;z-index:0;isolation:isolate;padding:calc(var(--hs-zone) * (1 - var(--hs-split)) + 64px) 24px 76px;color:#fff;background:radial-gradient(circle at 14% 22%,rgba(43,51,153,.42),transparent 30%),radial-gradient(circle at 86% 74%,rgba(246,231,88,.16),transparent 30%),linear-gradient(135deg,#080a24 0%,#11144a 100%)} .hs .hs-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none} .hs .hs-glow-1{width:340px;height:340px;inset-inline-start:-140px;top:100px;background:radial-gradient(circle,rgba(43,51,153,.55),transparent 68%)} .hs .hs-glow-2{width:280px;height:280px;inset-inline-end:0;bottom:8%;background:radial-gradient(circle,rgba(246,231,88,.22),transparent 68%)} .hs .hs-glow-3{width:170px;height:170px;inset-inline-start:50%;top:14%;background:radial-gradient(circle,rgba(246,231,88,.14),transparent 68%)} .hs .hs-s-wrap{position:relative;z-index:2;width:min(1200px,100%);margin-inline:auto;display:grid;grid-template-columns:.94fr 64px 1.22fr;align-items:center;gap:30px} .hs .hs-s-left,.hs .hs-s-right{min-width:0} .hs .hs-s-card{position:relative;min-height:500px;overflow:hidden;border-radius:34px;border:1px solid rgba(246,231,88,.4);background:linear-gradient(135deg,#1a1e5c,#0d103a);box-shadow:0 32px 80px rgba(0,0,0,.46),0 0 50px rgba(43,51,153,.38);transition:transform .25s ease} .hs .hs-s-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .65s ease} .hs .hs-s-card:hover .hs-s-img{transform:scale(1.05)} .hs .hs-s-ov{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(8,10,36,.82) 100%),radial-gradient(circle at 50% 42%,transparent 34%,rgba(43,51,153,.18) 100%)} .hs .hs-s-shine{position:absolute;inset:-60%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(246,231,88,.18) 50%,transparent 64%);transform:translateX(-62%) rotate(8deg);animation:hsShine 5.8s ease-in-out infinite} .hs .hs-play,.hs .hs-play:hover,.hs .hs-play:focus{position:absolute;z-index:5;left:50%;bottom:32px;display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;cursor:pointer;transform:translateX(-50%);font-family:var(--hs-body)} .hs .hs-play-c{position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:var(--hs-yellow);transition:transform .3s ease} .hs .hs-play-c::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--hs-yellow);opacity:.5;animation:hsPing 2.2s ease-out infinite} .hs .hs-play:hover .hs-play-c{transform:scale(1.08)} .hs .hs-play-i{position:relative;width:0;height:0;margin-left:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid var(--hs-blue)} .hs .hs-play-t{font:700 calc(14px + var(--hs-bump))/1.3 var(--hs-body);letter-spacing:calc(var(--hs-ls) / 4);text-shadow:0 8px 20px rgba(0,0,0,.58);white-space:nowrap} .hs .hs-s-mid{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center} .hs .hs-s-line{position:absolute;top:28px;width:2px;height:112px;background:linear-gradient(180deg,var(--hs-yellow),rgba(246,231,88,0))} .hs .hs-s-plus{display:grid;place-items:center;width:46px;height:46px;color:var(--hs-yellow);font:500 38px/1 var(--hs-head);text-shadow:0 0 24px rgba(246,231,88,.38);animation:hsBob 3.2s ease-in-out infinite} .hs .hs-s-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--hs-yellow);font:700 calc(13px + var(--hs-bump))/var(--hs-lh-ui) var(--hs-body);letter-spacing:var(--hs-ls);text-transform:var(--hs-u)} .hs .hs-s-star{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--hs-blue);background:var(--hs-yellow);box-shadow:0 0 22px rgba(246,231,88,.28)} .hs .hs-s-title{--hs-fill:100%;max-width:720px;margin:0 0 28px;padding-block:4px;font:800 clamp(28px,3.35vw,46px)/var(--hs-lh-h2) var(--hs-head);letter-spacing:var(--hs-tight);color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#fff 0,#fff var(--hs-fill),rgba(246,231,88,.42) var(--hs-fill),rgba(255,255,255,.2) 100%);-webkit-background-clip:text;background-clip:text} .hs .hs-s-grid{display:grid;grid-template-columns:82px 1fr;gap:30px;align-items:start;padding-top:30px;border-top:1px solid rgba(246,231,88,.22)} .hs .hs-s-vl{min-height:232px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--hs-yellow)} .hs .hs-s-vl span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 calc(12px + var(--hs-bump) * 2)/1.3 var(--hs-body);letter-spacing:calc(var(--hs-ls) * 1.5);text-transform:var(--hs-u)} .hs .hs-s-vl strong{font:500 32px/1 var(--hs-head);animation:hsSpin 5s linear infinite} .hs .hs-s-info{max-width:560px;min-width:0} .hs .hs-s-desc{margin:0 0 24px;color:rgba(255,255,255,.74);font:400 calc(15.5px + var(--hs-bump) / 2)/var(--hs-lh-desc) var(--hs-body)} .hs .hs-s-side{display:block;width:min(100%,460px);max-width:100%;height:auto;margin:0 0 28px;border:0;border-radius:0;box-shadow:none;background:transparent;object-fit:contain;transition:transform .5s ease} .hs .hs-s-side:hover{transform:translateY(-5px) scale(1.025)} .hs .hs-s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;color:var(--hs-blue);background:var(--hs-yellow);box-shadow:0 14px 35px rgba(246,231,88,.2);font:700 calc(14px + var(--hs-bump))/1.3 var(--hs-body);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease} .hs .hs-s-btn:hover{color:#fff;background:var(--hs-blue);transform:translateY(-4px);box-shadow:0 20px 48px rgba(43,51,153,.42)} .hs .hs-s-btn-i{display:inline-flex;transition:transform .3s ease} .hs .hs-s-btn:hover .hs-s-btn-i{transform:translateX(4px)} html[dir=rtl] .hs:not([dir=ltr]) .hs-arr,.hs[dir=rtl] .hs-arr,html[dir=rtl] .hs:not([dir=ltr]) .hs-s-btn-i,.hs[dir=rtl] .hs-s-btn-i{transform:scaleX(-1)} html[dir=rtl] .hs:not([dir=ltr]) .hs-s-btn:hover .hs-s-btn-i,.hs[dir=rtl] .hs-s-btn:hover .hs-s-btn-i{transform:scaleX(-1) translateX(4px)} html[dir=rtl] .hs:not([dir=ltr]) .hs-s-shine,.hs[dir=rtl] .hs-s-shine{transform:translateX(62%) rotate(-8deg);animation-name:hsShineR} html[dir=rtl] .hs:not([dir=ltr]) .hs-s-title,.hs[dir=rtl] .hs-s-title{background-image:linear-gradient(270deg,#fff 0,#fff var(--hs-fill),rgba(246,231,88,.42) var(--hs-fill),rgba(255,255,255,.2) 100%)} html[dir=rtl] .hs:not([dir=ltr]) .hs-sub,.hs[dir=rtl] .hs-sub{background:radial-gradient(circle at 86% 22%,rgba(43,51,153,.42),transparent 30%),radial-gradient(circle at 14% 74%,rgba(246,231,88,.16),transparent 30%),linear-gradient(225deg,#080a24 0%,#11144a 100%)} html[dir=rtl] .hs:not([dir=ltr]) .hs-s-vl span,.hs[dir=rtl] .hs-s-vl span{transform:none} .hs-modal,.hs-modal *{box-sizing:border-box} .hs-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px} .hs-modal.is-open{display:flex} .hs-modal-bd{position:absolute;inset:0;background:rgba(4,3,18,.86)} .hs-modal-box{position:relative;z-index:1;width:min(920px,100%,calc((100vh - 56px) * 1.7778));border-radius:24px;background:#080a24;border:1px solid rgba(246,231,88,.24);box-shadow:0 32px 90px rgba(0,0,0,.58);animation:hsModal .26s ease both} .hs-modal-x{position:absolute;z-index:3;top:-18px;inset-inline-end:-18px;width:42px;height:42px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;color:#2b3399;background:#f6e758;font-size:28px;line-height:1;cursor:pointer} .hs-modal-x:hover{background:#fff16c;color:#2b3399} .hs-modal-vid{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#000;direction:ltr} .hs-modal-vid.is-presto{aspect-ratio:auto;min-height:180px} .hs-modal-vid.is-presto presto-player{display:block;width:100%} .hs-modal-vid>iframe,.hs-modal-vid>video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain} @keyframes hsMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @keyframes hsMarqRev{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}} @keyframes hsImgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} @keyframes hsCardA{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} @keyframes hsCardB{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}} @keyframes hsShine{0%,55%{transform:translateX(-62%) rotate(8deg)}100%{transform:translateX(62%) rotate(8deg)}} @keyframes hsShineR{0%,55%{transform:translateX(62%) rotate(-8deg)}100%{transform:translateX(-62%) rotate(-8deg)}} @keyframes hsPing{from{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}} @keyframes hsBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} @keyframes hsSpin{to{transform:rotate(360deg)}} @keyframes hsModal{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}} @keyframes hsReveal{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}} @property --hs-fill{syntax:"<percentage>";inherits:true;initial-value:100%} @keyframes hsFill{from{--hs-fill:0%}to{--hs-fill:100%}} .hs .hs-off :is(.hs-hero-media,.hs-fcard,.hs-track,.hs-s-shine,.hs-s-plus,.hs-s-vl strong),.hs .hs-off .hs-play-c::before{animation-play-state:paused} @media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){ .hs .hs-reveal{animation:hsReveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%} .hs .hs-s-title{animation:hsFill linear both;animation-timeline:view();animation-range:entry 20% cover 50%} }} @media (max-width:1024px){ .hs .hs-hero{padding-top:84px} .hs .hs-hero-inner{grid-template-columns:1fr;gap:44px} .hs .hs-hero-content{max-width:760px} .hs .hs-hero-media{min-height:430px} .hs .hs-fcard-top{inset-inline-start:8%} .hs .hs-fcard-bottom{inset-inline-end:8%} .hs .hs-sub{padding-bottom:66px;padding-inline:22px} .hs .hs-s-wrap{grid-template-columns:1fr;gap:40px} .hs .hs-s-mid{display:none} .hs .hs-s-card{max-width:620px;margin-inline:auto;width:100%} .hs .hs-s-right{width:min(760px,100%);margin-inline:auto} } @media (max-width:767px){ .hs{--hs-zone:132px;--hs-band-h:52px;--hs-b1:34px;--hs-b2:80px} .hs .hs-hero{padding:68px 18px calc(var(--hs-zone) * var(--hs-split) + 40px)} .hs .hs-hero-title{font-size:clamp(31px,9.4vw,41px)} .hs .hs-features{grid-template-columns:1fr;gap:12px} .hs .hs-hero-btn{width:100%} .hs .hs-hero-media{min-height:360px} .hs .hs-hero-img{width:min(360px,92%);border-radius:24px} .hs .hs-fcard{padding:12px 14px;border-radius:14px} .hs .hs-fcard span{font-size:18px} .hs .hs-fcard-top{top:24px;inset-inline-start:0} .hs .hs-fcard-bottom{bottom:28px;inset-inline-end:0} .hs .hs-sub{padding-bottom:50px;padding-inline:18px} .hs .hs-s-card{min-height:380px;border-radius:24px} .hs .hs-play-c{width:62px;height:62px} .hs .hs-play-i{border-top-width:10px;border-bottom-width:10px;border-left-width:16px} .hs .hs-s-title{margin-bottom:24px;font-size:clamp(27px,8vw,38px)} .hs .hs-s-grid{grid-template-columns:1fr;gap:20px;padding-top:24px} .hs .hs-s-vl{min-height:0;flex-direction:row;justify-content:flex-start;gap:14px} .hs .hs-s-vl span{writing-mode:horizontal-tb;transform:none} .hs .hs-s-side{width:100%;max-width:420px} .hs .hs-s-btn{width:100%} .hs-modal-x{top:-14px;inset-inline-end:-8px} } @media (max-width:480px){ .hs .hs-sub{padding-bottom:40px;padding-inline:14px} .hs .hs-s-wrap{gap:28px} .hs .hs-s-card{min-height:300px;border-radius:20px} .hs .hs-s-title{font-size:clamp(24px,7.5vw,32px);margin-bottom:20px} .hs .hs-s-desc{font-size:calc(14.5px + var(--hs-bump) / 2);margin-bottom:20px} .hs .hs-s-btn{padding:12px 22px;font-size:calc(13px + var(--hs-bump))} .hs .hs-play-c{width:56px;height:56px} .hs .hs-play-t{font-size:calc(12px + var(--hs-bump))} .hs-modal{padding:12px} .hs-modal-x{top:-12px;inset-inline-end:-4px;width:38px;height:38px;font-size:24px} } @media (prefers-reduced-motion:reduce){ .hs *,.hs *::before,.hs *::after,.hs-modal-box{animation:none!important;transition:none!important} .hs .hs-s-shine{display:none} }