@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Cairo:wght@400;700;900&family=Almarai:wght@300;400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#f5f2ed;--cobalt:#1e40af;--perspective:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg);color:#111827;background-image:radial-gradient(#d1d1d1 1.5px,#0000 1.5px);background-size:40px 40px;width:100%;max-width:100%;font-family:Inter,sans-serif;overflow-x:hidden}.vondi-logo{letter-spacing:-.05em;color:#000;font-size:1.1rem;font-weight:900;text-decoration:none}.togo-wrap{cursor:pointer;background:linear-gradient(145deg,#4d342c,#2a1b15);border-radius:8px;width:80px;height:32px;padding:4px;position:relative}.togo-knob{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:32px;height:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;left:4px}#lang-trigger:checked+.togo-wrap .togo-knob{background:#60a5fa66;border-color:#60a5fa;left:44px}.arabic-h{font-family:Cairo,sans-serif;font-weight:900}.arabic-b{font-family:Almarai,sans-serif}body.rtl-mode{direction:rtl}[data-lang=ar],body.rtl-mode [data-lang=en]{display:none!important}body.rtl-mode [data-lang=ar]{display:block!important}span[data-lang=ar]{display:none!important}body.rtl-mode span[data-lang=ar]{display:inline-block!important}.main-heading{letter-spacing:-.05em;font-size:clamp(3.5rem,10vw,7.5rem);line-height:.85}body.rtl-mode .main-heading{max-width:1000px;margin:0 auto;font-size:clamp(3rem,8vw,6rem)!important;line-height:1.2!important}.section-heading{letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:.9}body.rtl-mode .section-heading{line-height:1.3}.highlight-box{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#3b82f61a;border-left:6px solid #3b82f6;padding:0 15px;display:inline}body.rtl-mode .highlight-box{border-left:none;border-right:6px solid #3b82f6}.section-tag{letter-spacing:.35em;text-transform:uppercase;opacity:.4;align-items:center;gap:8px;font-size:10px;font-weight:900;display:inline-flex}.section-tag:before,.section-tag:after{content:"";background:currentColor;width:30px;height:1px;display:block}.hero-glow{z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(#3b82f626 0%,#10b9810d 40%,#0000 70%);width:90vw;height:80vh;animation:10s ease-in-out infinite alternate hero-plasma;position:absolute;top:5%;left:50%;transform:translate(-50%)}@keyframes hero-plasma{0%{opacity:.6;transform:translate(-50%)scale(.9)translateY(0)}to{opacity:1;transform:translate(-50%)scale(1.1)translateY(-40px)}}.hero-text-reveal{opacity:0;filter:blur(15px);will-change:transform, opacity, filter;animation:1.8s cubic-bezier(.16,1,.3,1) forwards cinematic-reveal;transform:translateY(60px)scale(.95)}@keyframes cinematic-reveal{to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.hero-stagger-1{animation-delay:.1s}.hero-stagger-2{animation-delay:.3s}.hero-stagger-3{animation-delay:.5s}.hero-stagger-4{animation-delay:.7s}.btn-glow{position:relative}.btn-glow:before{content:"";z-index:-1;filter:blur(10px);opacity:0;background:linear-gradient(90deg,#3b82f6,#10b981,#3b82f6,#8b5cf6) 0 0/300%;border-radius:50px;transition:opacity .4s;animation:3s linear infinite btn-border-glow;position:absolute;inset:-3px}.btn-glow:hover:before{opacity:.8;filter:blur(15px)}@keyframes btn-border-glow{to{background-position:300%}}.god-stage{perspective:2000px;opacity:0;width:100%;max-width:440px;height:440px;margin:80px auto 0;animation:2.5s cubic-bezier(.16,1,.3,1) .8s forwards stage-majestic-enter;position:relative;transform:translateY(150px)scale(.85)rotateX(25deg)}@keyframes stage-majestic-enter{to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}.hero-icons-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.glass-icon-wrapper{position:absolute}.gi-1-wrap{top:15%;left:8%}.gi-2-wrap{top:25%;right:8%}.gi-3-wrap{bottom:18%;left:12%}.gi-4-wrap{bottom:35%;right:10%}.gi-5-wrap{top:50%;left:4%}.gi-6-wrap{top:60%;right:6%}.glass-icon-3d{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #ffffffe6;justify-content:center;align-items:center;display:flex;box-shadow:0 20px 40px #0000001a,inset 0 0 15px #fff9}.gi-1{border-radius:20px;width:70px;height:70px;font-size:2rem;animation:14s ease-in-out infinite float-icon-1}.gi-2{filter:blur(2px);border-radius:14px;width:50px;height:50px;font-size:1.5rem;animation:18s ease-in-out infinite reverse float-icon-2}.gi-3{border-radius:24px;width:90px;height:90px;font-size:2.5rem;animation:16s ease-in-out 1s infinite float-icon-3}.gi-4{border-radius:22px;width:80px;height:80px;font-size:2.2rem;animation:15s ease-in-out .5s infinite reverse float-icon-1}.gi-5{filter:blur(3px);border-radius:18px;width:60px;height:60px;font-size:1.8rem;animation:12s ease-in-out infinite float-icon-2}.gi-6{border-radius:20px;width:75px;height:75px;font-size:2rem;animation:17s ease-in-out 1.5s infinite float-icon-3}@keyframes float-icon-1{0%,to{transform:translateY(0)translate(0)rotateX(0)rotateY(0)rotate(0)}33%{transform:translateY(-30px)translate(15px)rotateX(25deg)rotateY(15deg)rotate(10deg)}66%{transform:translateY(15px)translate(-15px)rotateX(-15deg)rotateY(-25deg)rotate(-10deg)}}@keyframes float-icon-2{0%,to{transform:translateY(0)translate(0)rotateX(0)rotateY(0)rotate(0)}50%{transform:translateY(-40px)translate(-20px)rotateX(30deg)rotateY(-20deg)rotate(15deg)}}@keyframes float-icon-3{0%,to{transform:translateY(0)translate(0)rotateX(0)rotateY(0)rotate(0)}50%{transform:translateY(25px)translate(25px)rotateX(-20deg)rotateY(30deg)rotate(-15deg)}}.floating-card{z-index:5;background:#fff;border-radius:32px;padding:28px;animation:6s ease-in-out infinite card-float;position:relative;transform:rotateY(-8deg)rotateX(12deg);box-shadow:0 40px 80px #0000001f,0 0 0 1px #0000000d}@keyframes card-float{0%,to{transform:rotateY(-8deg)rotateX(12deg)translateY(0)}50%{transform:rotateY(4deg)rotateX(8deg)translateY(-15px)}}.god-cursor{clip-path:polygon(0 0,0% 100%,25% 75%,55% 75%);z-index:100;filter:drop-shadow(0 4px 10px #0003);background:#fff;border:2px solid #000;width:22px;height:22px;animation:6s cubic-bezier(.19,1,.22,1) infinite target-button;position:absolute;top:85%;right:5%}@keyframes target-button{0%,80%,to{transform:translate(0)}15%{transform:translate(-180px,-15px)}20%{transform:translate(-180px,-15px)scale(.8)}25%{transform:translate(-180px,-15px)scale(1)}}.god-buy-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#111;border-radius:18px;width:100%;margin-top:24px;padding:18px;font-size:14px;font-weight:900;animation:6s infinite button-press}@keyframes button-press{0%,14%,26%,to{background:#111;transform:scale(1)}19%,23%{background:#3b82f6;transform:scale(.95);box-shadow:0 0 30px #3b82f666}}.money-fountain{pointer-events:none;z-index:10;width:1px;height:1px;position:absolute;top:80%;left:50%}.bill-burst{opacity:0;background-image:url(https://en.numista.com/catalogue/photos/algerie/67afe38c63a0c1.19197766-original.jpg);background-size:cover;border-radius:4px;width:140px;height:70px;position:absolute;box-shadow:0 15px 40px #0000004d}.b1{animation:6s ease-out infinite explode-1}.b2{animation:6s ease-out infinite explode-2}.b3{animation:6s ease-out infinite explode-3}@keyframes explode-1{0%,20%,to{opacity:0;transform:translate(-50%)scale(.4)rotate(0)}22%{opacity:1;transform:translate(-60%,-50px)scale(.8)rotate(15deg)}60%{opacity:0;transform:translate(-120px,-400px)scale(1.3)rotate(45deg)}}@keyframes explode-2{0%,20%,to{opacity:0;transform:translate(-50%)scale(.4)rotate(0)}22%{opacity:1;transform:translate(-40%,-40px)scale(.8)rotate(-15deg)}60%{opacity:0;transform:translate(120px,-350px)scale(1.1)rotate(-45deg)}}@keyframes explode-3{0%,20%,to{opacity:0;transform:translate(-50%)scale(.4)rotate(0)}22%{opacity:1;transform:translate(-50%,-60px)scale(.9)rotate(5deg)}60%{opacity:0;transform:translate(10px,-450px)scale(1.2)rotate(15deg)}}.glass{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffffc7;border:1px solid #fff;box-shadow:0 20px 60px #0000000f}.testimonial-pill{white-space:nowrap;background:#fff;border:1px solid #0000000a}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.tape-track{gap:24px;width:max-content;animation:30s linear infinite tapescroll;display:flex}@keyframes tapescroll{0%{transform:translate(0)}to{transform:translate(-50%)}}body.rtl-mode .tape-track{animation:30s linear infinite tapescroll-rtl}@keyframes tapescroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.insights-section{color:#fff;background:#07090c;position:relative;overflow:hidden}.chart-path{stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 2s ease-out .5s}.reveal.visible .chart-path{stroke-dashoffset:0}.data-point{opacity:0;transition:opacity .5s 2s}.reveal.visible .data-point{opacity:1}.data-point:nth-child(2n){animation:2s 2.5s infinite point-pulse}.data-point:nth-child(odd){animation:2s 3s infinite point-pulse}@keyframes point-pulse{0%,to{r:5;fill:#3b82f6}50%{r:8;fill:#60a5fa}}.chart-fill{transform-origin:bottom;transition:transform 1.5s ease-out 1s;transform:scaleY(0)}.reveal.visible .chart-fill{transform:scaleY(1)}.bento-grid-container{perspective:1200px;position:relative}.bento-glow-bg{filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 60%);width:100%;height:100%;animation:6s ease-in-out infinite alternate breathe-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.bento{transform-style:preserve-3d;will-change:transform, box-shadow;background:#fff;border:1px solid #0000000a;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000008}.bento:before{content:"";z-index:10;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000,#fffc 40%,#0000);transition:transform .8s;position:absolute;inset:0;transform:translate(-150%)}.bento:hover:before{transform:translate(150%)}.bento:hover{z-index:20;transform:translateY(-15px)scale(1.02)rotateX(4deg)rotateY(-2deg);box-shadow:-15px 35px 60px #0000001a,inset 0 0 0 2px #3b82f61a}.bento-premium{background:#07090c;border:none;box-shadow:0 20px 50px #0006}.bento-premium:after{content:"";z-index:-2;background:conic-gradient(#0000 0% 80%,#60a5fa 90%,#3b82f6 100%);width:200%;height:200%;animation:3s linear infinite spin-border;position:absolute;top:-50%;left:-50%}.bento-premium-inner{z-index:-1;background:linear-gradient(145deg,#0f172a,#07090c);border-radius:23px;position:absolute;inset:1px;box-shadow:inset 0 0 40px #3b82f61a}@keyframes spin-border{to{transform:rotate(360deg)}}.bento-premium:hover{transform:translateY(-15px)scale(1.02)rotateX(4deg)rotateY(-2deg);box-shadow:-15px 35px 60px #3b82f633}.reveal.visible.stagger-1{transition-delay:.1s}.reveal.visible.stagger-2{transition-delay:.25s}.reveal.visible.stagger-3{transition-delay:.4s}.reveal.visible.stagger-4{transition-delay:.55s}.reveal.visible.stagger-5{transition-delay:.7s}.feat-icon{z-index:2;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;position:relative}.icon-drag{filter:drop-shadow(0 5px 10px #3b82f64d);animation:2.5s cubic-bezier(.45,0,.55,1) infinite drag-motion;display:inline-block}@keyframes drag-motion{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(12px,-12px)rotate(-15deg)scale(1.1)}}.icon-sparkle{animation:4s linear infinite spin-pulse;display:inline-block}@keyframes spin-pulse{0%,to{filter:drop-shadow(0 0 5px #fff3);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 15px #fff);transform:scale(1.25)rotate(180deg)}}.icon-zap{transform-origin:bottom;animation:1.5s cubic-bezier(.175,.885,.32,1.275) infinite zap-flash;display:inline-block}@keyframes zap-flash{0%,to{filter:drop-shadow(0 0 #facc1500);transform:scale(1)}50%{filter:drop-shadow(0 10px 15px #facc1599);transform:scale(1.2)translateY(-3px)}}.icon-globe{transform-style:preserve-3d;filter:drop-shadow(0 5px 10px #0000001a);animation:8s linear infinite globe-spin;display:inline-block}@keyframes globe-spin{0%{transform:rotateY(0)rotate(5deg)}to{transform:rotateY(360deg)rotate(5deg)}}.icon-box{transform-origin:bottom;filter:drop-shadow(0 8px 10px #0000001a);animation:2s cubic-bezier(.28,.84,.42,1) infinite box-bounce;display:inline-block}@keyframes box-bounce{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}40%{transform:translateY(-12px)scaleY(1.1)scaleX(.9)}60%{transform:translateY(2px)scaleY(.9)scaleX(1.1)}}.text-shimmer{color:#0000;background:linear-gradient(90deg,#111827 0%,#3b82f6 50%,#111827 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shine}body.rtl-mode .text-shimmer{background:linear-gradient(90deg,#111827 0%,#3b82f6 50%,#111827 100%) 0 0/200%;color:#0000;-webkit-background-clip:text}@keyframes shine{to{background-position:200%}}.list-have li{align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.list-have li:before{content:"✓";color:#10b981;font-size:16px;font-weight:900}.list-have-not li{opacity:.4;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.list-have-not li:before{content:"✕";color:#6b7280;margin-top:1px;font-size:14px;font-weight:900}.pro-list-have li:before{color:#3b82f6}.pro-list-have-not li:before{color:#4b5563}.chaos-pill{color:#ef444499;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0;text-transform:uppercase;letter-spacing:2px;pointer-events:none;background:#ef44440d;border:1px solid #ef444433;border-radius:50px;padding:8px 16px;font-size:12px;font-weight:900;position:absolute}.cp-1{animation:7s ease-in-out infinite alternate float-chaos}.cp-2{animation:9s ease-in-out infinite alternate float-chaos-rev}.cp-3{animation:8s ease-in-out infinite alternate-reverse float-chaos}.cp-4{animation:10s ease-in-out infinite alternate-reverse float-chaos-rev}@keyframes float-chaos{0%{transform:translate(0)rotate(-5deg)scale(1)}to{transform:translate(30px,-40px)rotate(5deg)scale(1.1)}}@keyframes float-chaos-rev{0%{transform:translate(0)rotate(5deg)scale(1)}to{transform:translate(-30px,40px)rotate(-5deg)scale(.9)}}.glitch-text{animation:5s infinite subtle-glitch;display:inline-block;position:relative}@keyframes subtle-glitch{0%,96%,98%,to{opacity:1;transform:translate(0)skew(0deg)}97%{opacity:.8;color:#dc2626;transform:translate(-2px,1px)skew(-5deg)}99%{opacity:.9;color:#991b1b;transform:translate(2px,-1px)skew(5deg)}}.resolution-box{z-index:10;background:#07090c;border:1px solid #3b82f64d;border-radius:30px;padding:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 20px 50px #0003,inset 0 0 40px #3b82f61a}.resolution-box:hover{border-color:#3b82f699;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #0000004d,inset 0 0 60px #3b82f633}.resolution-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 50%);width:200%;height:200%;animation:6s ease-in-out infinite alternate breathe-glow;position:absolute;top:-50%;left:-50%}.step-container{perspective:1500px;position:relative}.step-connector{z-index:1;background:#00000008;border-radius:5px;height:3px;display:none;position:absolute;top:50%;left:5%;right:5%;overflow:hidden}@media (width>=768px){.step-connector{display:block}}.step-connector-fill{background:linear-gradient(90deg,#0000,#3b82f6,#60a5fa);width:0%;height:100%;transition:width 2.5s cubic-bezier(.16,1,.3,1) .3s;position:absolute;top:0;left:0;box-shadow:0 0 15px #3b82f6}body.rtl-mode .step-connector-fill{background:linear-gradient(-90deg,#0000,#3b82f6,#60a5fa);left:auto;right:0}.reveal.visible .step-connector-fill{width:100%}.step-card{z-index:2;transform-style:preserve-3d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffd9;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.step-card:hover{background:#fffffff2;transform:translateY(-20px)rotateX(5deg)rotateY(-5deg);box-shadow:-15px 30px 60px #3b82f61f,inset 0 0 0 2px #3b82f633}.step-bg-number{background:linear-gradient(135deg,#3b82f626,#0000);color:#0000;z-index:0;pointer-events:none;-webkit-background-clip:text;font-size:220px;font-weight:900;line-height:1;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:-30px;right:-20px}body.rtl-mode .step-bg-number{left:-20px;right:auto}.step-card:hover .step-bg-number{background:linear-gradient(135deg,#3b82f640,#0000);-webkit-background-clip:text;transform:scale(1.1)rotate(-5deg)translate(-10px,10px)}.step-icon-wrap{z-index:10;background:#fff;border:1px solid #3b82f626;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:2rem;font-size:32px;transition:transform .4s;display:flex;position:relative;box-shadow:0 15px 35px #3b82f61a}.step-card:hover .step-icon-wrap{border-color:#3b82f666;transform:scale(1.1)translateY(-5px);box-shadow:0 20px 40px #3b82f633}.icon-bounce-soft{filter:drop-shadow(0 5px 5px #0000001a);animation:3s ease-in-out infinite bounce-soft;display:inline-block}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.icon-spin-slow{filter:drop-shadow(0 5px 5px #0000001a);animation:10s linear infinite spin-slow;display:inline-block}@keyframes spin-slow{to{transform:rotate(360deg)}}.icon-rocket-blast{transform-origin:0 100%;filter:drop-shadow(0 5px 5px #0000001a);animation:2s cubic-bezier(.16,1,.3,1) infinite rocket-blast;display:inline-block}@keyframes rocket-blast{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4px,-4px)scale(1.1)}}