/* Generated by tools/build_website.mjs from the Website v3 designs. Do not edit.
   Loaded only at (width >= 600px). */
html{scroll-behavior:smooth}
body{margin:0;background:#f2f5f2;color:#1f2b26;font-family:'Rubik',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#33705b;text-decoration:none}
a:hover{color:#285948}
*{box-sizing:border-box}
@keyframes vg-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes vg-hbar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes vg-htrack{0%,100%{transform:translate(0,0)}35%{transform:translate(46px,10px)}70%{transform:translate(-18px,4px)}}
@keyframes vg-harc{0%,100%{opacity:.55;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.015)}}
@keyframes vg-hpop{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
@media (max-width:1080px){[data-hcard]{display:none !important}}
@keyframes vg-scan{0%{top:-20%}100%{top:110%}}
@keyframes vg-nextcam{0%,100%{box-shadow:0 0 0 0 rgba(92,174,145,0)}50%{box-shadow:0 0 0 7px rgba(92,174,145,.3)}}
@keyframes vg-drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(38px,6px)}}
@keyframes vg-drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-4px)}}
@keyframes vg-drift3{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-8px)}}
@keyframes vg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes vg-toast{0%,8%{opacity:0;transform:translateY(14px)}14%,80%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes vg-dash{to{background-position:40px 0}}
@keyframes vg-spin{to{transform:rotate(360deg)}}
@keyframes vg-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes vg-rv{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
@supports (animation-timeline: view()){[data-reveal]{animation:vg-rv linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@keyframes vg-glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
@keyframes vg-sheen{to{background-position:300% 0}}
@keyframes vg-rise{from{transform:translateY(.4em);filter:blur(6px)}to{transform:none;filter:blur(0)}}
@keyframes vg-marquee{to{transform:translateX(-50%)}}
@keyframes vg-shine{0%,55%{transform:translateX(-150%) skewX(-20deg)}100%{transform:translateX(350%) skewX(-20deg)}}
@keyframes vg-aurora{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(10%,-8%) scale(1.15)}66%{transform:translate(-8%,6%) scale(.9)}}
@keyframes vg-travel{0%{left:4%;opacity:0}10%,90%{opacity:1}100%{left:92%;opacity:0}}
@keyframes vg-ring{0%{box-shadow:0 0 0 0 rgba(51,112,91,.45)}100%{box-shadow:0 0 0 14px rgba(51,112,91,0)}}
@keyframes vg-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vg-nav{to{background:rgba(242,245,242,.94);box-shadow:0 10px 30px rgba(30,42,36,.08)}}
@keyframes vg-tilt{from{transform:perspective(1400px) rotateX(20deg) rotateY(-16deg) scale(.9)}to{transform:perspective(1400px) rotateY(-3deg) rotateX(2deg) scale(1)}}
@keyframes vg-count{from{--n:0}}
@keyframes vg-zoom{from{opacity:0;transform:scale(.94);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes vg-parA{from{translate:0 90px}to{translate:0 -50px}}
@keyframes vg-parB{from{translate:0 160px}to{translate:0 -90px}}
@keyframes vg-radar{to{transform:rotate(360deg)}}
@keyframes vg-ripple{from{transform:scale(.08);opacity:.7}to{transform:scale(1);opacity:0}}
@keyframes vg-blip{0%{opacity:1;transform:scale(1.6)}8%{opacity:1;transform:scale(1)}55%{opacity:.35}100%{opacity:0;transform:scale(1)}}
@keyframes vg-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-count]::after,[data-live]::after{content:counter(n)}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes vg-border{to{--a:360deg}}
@keyframes vg-live{0%{--n:37}20%{--n:39}40%{--n:38}60%{--n:41}80%{--n:36}100%{--n:37}}
@keyframes vg-badge{0%,70%,100%{transform:scale(1)}78%{transform:scale(1.35)}86%{transform:scale(.9)}}
@keyframes vg-alert{0%,100%{border-color:#2e3933;box-shadow:0 0 0 0 rgba(217,126,112,0)}50%{border-color:#d97e70;box-shadow:0 0 0 4px rgba(217,126,112,.16)}}
@keyframes vg-type{0%,6%{max-width:0}45%,80%{max-width:230px}92%,100%{max-width:0}}
@keyframes vg-glare{0%,62%{transform:translateX(-160%) rotate(20deg)}100%{transform:translateX(420%) rotate(20deg)}}
@keyframes vg-ticker{to{transform:translateY(-50%)}}
@keyframes vg-pop{0%,10%{opacity:0;transform:translateY(16px) scale(.94)}16%,78%{opacity:1;transform:none}86%,100%{opacity:0;transform:translateY(-8px) scale(.97)}}
[data-par]{animation:vg-float 7s ease-in-out infinite}
[data-par="b"]{animation-delay:-3.5s}
[data-tile]:hover [data-tile-dot]{transform:scale(1.4)}
[data-card]:hover [data-sweep]{transform:scaleX(1)}
[data-card]:hover [data-halo]{opacity:1}
@supports (animation-timeline: view()){
[data-reveal="2"]{animation-range:entry 10% entry 60%}
[data-reveal="zoom"]{animation:vg-zoom linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
[data-stagger]>*:nth-child(4n+2){animation-range:entry 8% entry 55%}
[data-stagger]>*:nth-child(4n+3){animation-range:entry 16% entry 62%}
[data-stagger]>*:nth-child(4n){animation-range:entry 24% entry 70%}
[data-tilt]{animation:vg-tilt linear both;animation-timeline:view();animation-range:cover 0% cover 55%}
[data-count]{animation:vg-count linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
[data-par="a"]{animation:vg-parA linear both,vg-float 7s ease-in-out infinite;animation-timeline:view(),auto}
[data-par="b"]{animation:vg-parB linear both,vg-float 7s -3.5s ease-in-out infinite;animation-timeline:view(),auto}
[data-line]{transform-origin:left;animation:vg-line linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
[data-progress]{animation:vg-progress linear both;animation-timeline:scroll(root)}
[data-nav]{animation:vg-nav linear both;animation-timeline:scroll(root);animation-range:0 240px}
}
@media (max-width:1000px){[data-radar-label]{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
/* Arabic design only */
[dir="rtl"] *:not([data-latin]){letter-spacing:0!important}
@keyframes vg-travel-rtl{0%{left:92%;opacity:0}10%,90%{opacity:1}100%{left:4%;opacity:0}}
@keyframes vg-dash-rtl{to{background-position:-40px 0}}
/* style-hover / style-focus */
.hp1:hover{color:#33705b!important}
.hp2:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(22,28,25,.28)!important}
.hp3:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(22,28,25,.35)!important}
.hp4:hover{color:#1f2b26!important;transform:translateY(-2px)!important}
.hp5:hover{transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(30,42,36,.12)!important}
.hp6:hover{transform:translateY(-6px)!important;box-shadow:0 22px 50px rgba(30,42,36,.13)!important}
.hp7:hover{border-color:#5cae91!important;transform:translateX(6px)!important;box-shadow:0 0 0 4px rgba(92,174,145,.08),0 20px 40px rgba(0,0,0,.3)!important}
.hp8:hover{transform:translateY(-4px)!important;box-shadow:0 16px 36px rgba(30,42,36,.12)!important}
.hp9:hover{transform:translateY(-5px)!important;background:#fff!important;box-shadow:0 18px 40px rgba(30,42,36,.1)!important}
.hp10:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;transform:translateX(4px)!important}
.fp1:focus{border-color:#33705b!important;box-shadow:0 0 0 4px rgba(51,112,91,.14)!important}
.hp11:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(22,28,25,.25)!important}
.hp12:hover{color:#10201a!important;transform:translateY(-2px)!important}
.hp13:hover{color:#fff!important}
.hp14:hover{border-color:#5cae91!important;transform:translateX(-6px)!important;box-shadow:0 0 0 4px rgba(92,174,145,.08),0 20px 40px rgba(0,0,0,.3)!important}
.hp15:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;transform:translateX(-4px)!important}