@import "https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";
.hv3{--hv3-accent:#326bff;--hv3-accent-dark:#1f4fd0;--hv3-accent-soft:#5e8bff;--hv3-ink:#0b1222;--hv3-steel:#5b6b80;--hv3-night:#070b1a;--hv3-night-2:#0d1430;--hv3-line:#e6ecf7;--hv3-tint:#f4f7ff;--hv3-head:"Raleway", "Tajawal", system-ui, sans-serif;--hv3-body:"DM Sans", "Tajawal", system-ui, sans-serif;font-family:var(--hv3-body);color:var(--hv3-ink);background:#fff;overflow-x:hidden}.hv3 h1,.hv3 h2,.hv3 h3,.hv3 h4,.hv3 .hv3-display{font-family:var(--hv3-head);letter-spacing:-.01em;font-weight:800;line-height:1.1}.hv3-kicker{font-family:var(--hv3-head);letter-spacing:.22em;text-transform:uppercase;color:var(--hv3-accent-dark);align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;display:inline-flex}.hv3-kicker:before{content:"";background:var(--hv3-accent);width:26px;height:2px;display:inline-block}.hv3-section{padding-block:clamp(48px,5vw,84px);position:relative}.hv3-shell{z-index:2;width:min(100% - 2.5rem,1240px);margin-inline:auto;position:relative}.hv3-btn{font-family:var(--hv3-head);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;align-items:center;gap:.6rem;padding:1rem 1.8rem;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s,color .35s;display:inline-flex}.hv3-btn--primary{background:var(--hv3-accent);color:#fff;box-shadow:0 18px 40px -16px #326bffb3}.hv3-btn--primary:hover{background:var(--hv3-accent-dark);transform:translateY(-3px);box-shadow:0 26px 50px -16px #326bffd9}.hv3-btn--ghost{color:#fff;background:0 0;border:2px solid #ffffff59}.hv3-btn--ghost:hover{border-color:#fff;transform:translateY(-3px)}.hv3-btn--dark{background:var(--hv3-ink);color:#fff}.hv3-btn--dark:hover{background:var(--hv3-accent);transform:translateY(-3px)}.hv3-btn__icon{width:16px;height:16px;transition:transform .35s}.hv3-btn:hover .hv3-btn__icon{transform:translate(-4px)}.hv3-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}.hv3-reveal.is-in{opacity:1;transform:none}.hv3-reveal.d1{transition-delay:.1s}.hv3-reveal.d2{transition-delay:.2s}.hv3-reveal.d3{transition-delay:.3s}.hv3-reveal.d4{transition-delay:.4s}.hv3-reveal.d5{transition-delay:.5s}.hv3-hero{background:radial-gradient(120% 120% at 80% 10%, #11214f 0%, var(--hv3-night-2) 38%, var(--hv3-night) 100%);color:#fff;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hv3-hero__canvas{z-index:1;position:absolute;inset:0}.hv3-hero__img{z-index:0;-o-object-fit:cover;object-fit:cover;opacity:.26;mix-blend-mode:luminosity;position:absolute;inset:0}.hv3-hero__veil{z-index:1;background:linear-gradient(90deg,#070b1aeb 0%,#070b1ab3 45%,#070b1a73 100%);position:absolute;inset:0}.hv3-hero__glow{filter:blur(90px);z-index:0;border-radius:50%;position:absolute}.hv3-hero__content{z-index:3;position:relative}.hv3-hero__title{font-size:clamp(2.4rem,6vw,5.3rem);font-weight:900;line-height:1.04}.hv3-hero__title .accent{color:var(--hv3-accent)}.hv3-hero__lead{color:#ffffffbd;max-width:620px;font-size:1.05rem;line-height:2}.hv3-count{grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:420px;display:grid}.hv3-count__cell{aspect-ratio:1;text-align:center;background:#0d14308c;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:.4rem;display:flex}.hv3-count__num{font-family:var(--hv3-head);color:#fff;font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:900;line-height:1}.hv3-count__lbl{letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin-top:.4rem;font-size:.62rem}.hv3-card{border:1px solid var(--hv3-line);background:#fff;border-radius:10px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.hv3-card:hover{border-color:#326bff59;transform:translateY(-8px);box-shadow:0 30px 60px -28px #0b122266}.hv3-title{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}.hv3-lead{color:var(--hv3-steel);font-size:1.02rem;line-height:2}.hv3-stat__num{font-family:var(--hv3-head);color:var(--hv3-accent);font-size:clamp(2.6rem,5vw,4rem);font-weight:900;line-height:1}.hv3-ticker{background:var(--hv3-tint);padding-block:clamp(14px,2vw,22px)}.hv3-ticker__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.hv3-marquee{align-items:center;gap:3.5rem;width:max-content;animation:48s linear infinite hv3-marquee;display:flex}.hv3-marquee:hover{animation-play-state:paused}.hv3-ticker__item{white-space:nowrap;font-family:var(--hv3-head);color:var(--hv3-ink);flex-shrink:0;align-items:center;gap:3.5rem;font-size:clamp(16px,2vw,26px);font-weight:800;display:inline-flex}.hv3-ticker__item:after{content:"";background:var(--hv3-accent);border-radius:999px;flex-shrink:0;width:7px;height:7px}@keyframes hv3-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hv3-blob{filter:blur(70px);opacity:.5;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.hv3-spin{animation:26s linear infinite hv3-spin}@keyframes hv3-spin{to{transform:rotate(360deg)}}.hv3-float{animation:7s ease-in-out infinite hv3-float}@keyframes hv3-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hv3-acc{border:1px solid var(--hv3-line);background:#fff;border-radius:10px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.hv3-acc[data-open=true]{border-color:#326bff66;box-shadow:0 24px 50px -30px #0b122266}.hv3-acc__body{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1);display:grid}.hv3-acc[data-open=true] .hv3-acc__body{grid-template-rows:1fr}.hv3-acc__body>div{overflow:hidden}.hv3 a:focus-visible,.hv3 button:focus-visible{outline:2px solid var(--hv3-accent);outline-offset:3px;border-radius:4px}.hv3 header nav a,.hv3 header nav button,.hv3 #hv3-mobile-menu a:not(.hv3-btn){padding-block:.5rem}.hv3 footer a:not(.hv3-btn){padding-block:.35rem;display:inline-block}.hv3-textlink{align-items:center;gap:.4rem;padding-block:.4rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.hv3-reveal{opacity:1!important;transform:none!important}.hv3-marquee,.hv3-spin,.hv3-float{animation:none!important}}
