@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Inter:wght@400;500;600&display=swap";
@keyframes floatOrb1{0%{opacity:.55;transform:translate(0)scale(1)}33%{opacity:.7;transform:translate(60px,-80px)scale(1.15)}66%{opacity:.5;transform:translate(-40px,50px)scale(.9)}to{opacity:.55;transform:translate(0)scale(1)}}@keyframes floatOrb2{0%{opacity:.4;transform:translate(0)scale(1)}40%{opacity:.6;transform:translate(-70px,60px)scale(1.2)}80%{opacity:.35;transform:translate(50px,-40px)scale(.85)}to{opacity:.4;transform:translate(0)scale(1)}}@keyframes floatOrb3{0%{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.5;transform:translate(80px,80px)scale(1.1)}to{opacity:.3;transform:translate(0)scale(1)}}@keyframes drift{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-12px)translate(8px)}50%{transform:translateY(-6px)translate(-10px)}75%{transform:translateY(10px)translate(5px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes gridFade{0%,to{opacity:.04}50%{opacity:.08}}.hero{background:#fff4e978;justify-content:center;width:96%;margin:20px auto;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.hero{background-size:55%;border-radius:18px;margin:12px auto}}@media (max-width:768px){.hero{background:0 0;border-radius:14px;min-height:auto;margin:8px auto}}@media (max-width:480px){.hero{border-radius:0;width:100%;margin:0}}.main{z-index:2;border-radius:24px;flex:1;align-items:end;height:83vh;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.main{flex-direction:column;position:relative}}@media (max-width:480px){.main{border-radius:unset}}@media screen and (max-width:768px){.main{height:76vh}}.left{z-index:2;background-image:url(../media/circelanimation.0fb6wf5hsrlnd.webp);background-position:0 100%;background-repeat:no-repeat;background-size:40%;flex-direction:column;flex:0 0 56%;justify-content:space-between;padding:20px 40px 30px 100px;display:flex;position:relative}.left:after{content:"";background:url(../media/chart.0ddzaaopyjx2w.webp) 0 0/100% no-repeat;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.left:after{display:none}}@media (max-width:1280px){.left{padding:20px 40px 50px 90px}}@media (max-width:1024px){.left{flex:0 0 54%;padding:20px 30px 40px 72px}}@media (max-width:768px){.left{z-index:3;background-image:none;flex:none;order:1;width:100%;padding:80px 24px 40px;position:relative}}@media (max-width:480px){.left{padding:100px 16px 36px}}.socialBar{flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:50%;left:28px;transform:translateY(-50%)}@media (max-width:1024px){.socialBar{gap:14px;left:16px}}@media (max-width:768px){.socialBar{flex-direction:row;align-items:center;gap:16px;margin-bottom:20px;position:static;transform:none}}.socialBar .followLabel{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px;font-size:10px;transform:rotate(180deg)}@media (max-width:768px){.socialBar .followLabel{writing-mode:horizontal-tb;letter-spacing:2px;color:#ffffffbf;margin-bottom:0;margin-right:4px;font-size:9px;transform:none}}.socialBar svg{color:#111;opacity:.75;cursor:pointer;width:18px;height:18px;transition:opacity .2s,transform .2s}.socialBar svg:hover{opacity:1;transform:scale(1.2)}@media (max-width:768px){.socialBar svg{color:#fff;opacity:.85}.socialBar svg:hover{opacity:1}}@media (max-width:480px){.socialBar svg{width:16px;height:16px}}@media screen and (max-width:678px){.socialBar{display:none}}.dotIndicator{background:#111;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse;display:inline-block}@media (max-width:768px){.dotIndicator{background:#fff}}@media (max-width:480px){.dotIndicator{width:8px;height:8px;margin-bottom:8px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.tagline{letter-spacing:2px;text-transform:uppercase;color:#555;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;animation:.8s .1s both fadeUp;display:flex}@media (max-width:768px){.tagline{color:#fffc;letter-spacing:1.5px;margin-bottom:12px;font-size:10px}}@media (max-width:480px){.tagline{letter-spacing:1px;margin-bottom:10px;font-size:14px}}.heading{color:#111;margin:0 0 32px;font-family:Space Grotesk;font-size:48px;font-weight:800;line-height:1.2;animation:.9s .25s both fadeUp}.heading span{display:block}@media (max-width:1024px){.heading{margin-bottom:24px;font-size:clamp(28px,3.8vw,42px)}}@media (max-width:768px){.heading{color:#fff;margin-bottom:20px;font-size:clamp(30px,6vw,42px);line-height:1.15}.heading span{border-color:#fff!important}}@media (max-width:580px){.heading{margin-bottom:18px;font-size:30px}}@media screen and (max-width:375px){.heading{margin-bottom:18px;font-size:28px}}@media screen and (min-width:1500px){.heading{font-size:60px;height:30vh!important}}@media screen and (min-width:1700px){.heading{font-size:70px;height:30vh!important}}@media screen and (max-width:768px){.mb_res{flex-direction:column;justify-content:space-between;height:66vh;display:flex}}@media screen and (max-width:480px){.mb_res{flex-direction:column;justify-content:space-between;height:62vh;display:flex}}@media screen and (max-width:414px){.mb_res{flex-direction:column;justify-content:space-between;height:60vh;display:flex}.mb_res_top{position:relative;top:10px}}@media screen and (max-width:375px){.mb_res{flex-direction:column;justify-content:space-between;height:58vh;display:flex}}.ctaBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a18,#ff3d00);border:1px solid #ff3d00;border-radius:8px;align-items:center;gap:10px;width:fit-content;margin-bottom:45px;padding:8px 16px;font-size:15px;font-weight:600;transition:all .3s ease-in-out;animation:1s .4s both fadeUp;display:inline-flex;box-shadow:0 8px 20px #ff3d0059}.ctaBtn:not(:last-child){margin-right:10px}.ctaBtn:hover{color:#ff3d00;background:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #f47c2080}.ctaBtn .arrow{font-size:18px;transition:transform .2s}.ctaBtn:hover .arrow{transform:translate(3px,-3px)}@media (max-width:768px){.ctaBtn{gap:3px;margin-bottom:10px;padding:1px 6px;font-size:17px;font-weight:400}.ctaBtn:not(:last-child){margin-right:5px}}@media (max-width:375px){.ctaBtn{font-size:13px}}.stats{gap:60px;animation:1.1s .55s both fadeUp;display:flex}@media screen and (max-width:768px){.stats{gap:0}}.stats .stat .number{color:#111;margin-bottom:6px;font-size:clamp(28px,3.2vw,48px);font-weight:800;line-height:1}@media (max-width:768px){.stats .stat .number{color:#fff;font-size:clamp(26px,5vw,38px)}}@media (max-width:480px){.stats .stat .number{font-size:28px}}.stats .stat .number .tick{animation:.5s both countTick;display:inline-block}.stats .stat .label{color:#555;font-size:15px;line-height:1.5}@media (max-width:768px){.stats .stat .label{color:#ffffffbf;font-size:12px}}@media (max-width:480px){.stats .stat .label{font-size:13px}}@media screen and (max-width:400px){.stats .stat{width:50%}}.right{flex:0 0 44%;height:100vh;position:relative;overflow:hidden}@media screen and (min-width:768px){.right{height:100%}}@media (max-width:1024px){.right{flex:0 0 46%;min-height:420px}}@media (max-width:768px){.right{width:100%;height:100%;min-height:unset;z-index:1;border-radius:14px;order:0;position:absolute;inset:0;overflow:hidden;transform:scale(1.01)}}@media (max-width:480px){.right{border-radius:0}}.right .imageWrap{animation:1s cubic-bezier(.22,1,.36,1) .2s both slideInRight;position:absolute;inset:0}.right .imageWrap img{object-fit:cover;object-position:center center;border-radius:25px;width:100%;height:100%;display:block}@media screen and (max-width:768px){.right .imageWrap img{animation:1.5s linear infinite shake}}@media (max-width:768px){.right .imageWrap img{border-radius:14px}}@media screen and (max-width:480px){.right .imageWrap img{border-radius:0}}.right .imageWrap:after{content:"";background:linear-gradient(90deg,#ffffff14 0%,#0000 30%);position:absolute;inset:0}@media (max-width:768px){.right .imageWrap:after{background:linear-gradient(#00000026 0%,#0000004d 50%,#000000b3 100%)}}.right .floatingCard{z-index:5;background-image:url(../media/heroarrowbnr.0_s..xe8dorl..webp);background-repeat:no-repeat;background-size:100%;border-radius:16px;padding:20px;animation:1.2s cubic-bezier(.22,1,.36,1) .7s both floatCard;position:absolute;bottom:45px;left:15px;box-shadow:0 20px 60px #0000002e}.right .floatingCard p{color:#111;margin:0;font-size:22px;font-weight:700;line-height:1.35}@media (max-width:1024px){.right .floatingCard{padding:16px;bottom:30px;left:12px}.right .floatingCard p{font-size:15px}}@media (max-width:768px){.right .floatingCard{display:none}}.right .floatingCard .cardIcon{color:#111;cursor:pointer;border:1.5px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:18px;right:18px}.right .floatingCard .cardIcon:hover{color:#fff;background:#111;border-color:#111}.right .awardLabel{letter-spacing:3px;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;align-items:center;gap:8px;font-size:9px;animation:1.4s 1s both fadeIn;display:flex;position:absolute;top:50%;right:-8px;transform:translateY(-50%)rotate(90deg)}.right .awardLabel:before{content:"";background:#fff9;width:28px;height:1px}@media (max-width:768px){.right .awardLabel{display:none}}@keyframes shake{0%{transform:translateY(-5px)}50%{transform:translateY(0)}to{transform:translateY(-5px)}}.arcs{z-index:0;width:340px;height:340px;animation:1.2s .3s both fadeIn;position:absolute;bottom:-40px;left:-80px}@media (max-width:768px){.arcs{width:220px;height:220px;bottom:-20px;left:-50px}}@media (max-width:480px){.arcs{width:160px;height:160px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes floatCard{0%{opacity:0;transform:translateY(30px)translate(10px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes arcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floatingCard{animation:1.2s cubic-bezier(.22,1,.36,1) both floatCard,4s ease-in-out 2s infinite bob!important}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero,.hero:before,.hero:after,.bgOrb3,.bgGrid,.spark,.tagline,.heading,.ctaBtn,.stats,.imageWrap,.floatingCard,.awardLabel,.dotIndicator{transition:none!important;animation:none!important}}
