:root{--primary:#7dc7f3;--secondary:#6d6880;--bg-accent:#e8edf1;--accent-blue:#7dc7f3;--text-dark:#6d6880;--text-light:#666666;--bg-white:#FFFFFF;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 4px 6px rgba(0,0,0,0.05);--shadow-md:0 10px 30px rgba(0,0,0,0.08);--shadow-lg:0 20px 40px rgba(0,0,0,0.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Open Sans',sans-serif;font-family:'Heebo',sans-serif;color:var(--text-dark);background-color:var(--bg-white);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--secondary);line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-0.02em}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600}p{font-size:1.125rem;color:var(--text-light);margin-bottom:1.5rem}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}section{padding:10vw 20px;position:relative;background:var(--bg-white)}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.v-flex{display:flex;flex-direction:column;gap:2rem}.h-flex{display:flex;flex-direction:row;gap:2rem;align-items:center}.grid{display:grid;gap:3rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;border-radius:50px;cursor:pointer;transition:var(--transition);border:none;text-align:center}.btn-primary{background-color:var(--primary);color:var(--secondary);box-shadow:0 10px 20px rgba(254,202,44,0.3)}.btn-primary:hover{background-color:var(--accent-blue) !important;color:var(--secondary) !important;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(124,198,243,0.35)}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--secondary)}.btn-outline:hover{background-color:var(--accent-blue);color:var(--secondary);border-color:var(--accent-blue);transform:translateY(-3px)}.card{background:var(--bg-white);border-radius:20px;padding:3rem 2rem;box-shadow:var(--shadow-md);transition:var(--transition);height:100%;border:1px solid rgba(0,0,0,0.03);position:relative;overflow:hidden}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}header{background-color:rgba(255,255,255,0.92);border-bottom:1px solid rgba(0,0,0,0.06);padding:0.8rem 0;position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo img{height:55px;width:auto;display:block}.nav-links{display:flex;gap:2rem}.nav-links a{position:relative;color:var(--text-dark);font-weight:500;font-size:1.05rem;padding:6px 10px;border-radius:35px;transition:all 0.25s ease}.nav-links a:hover{background:rgba(108,99,255,0.08);color:var(--primary)}.header-actions{display:flex;align-items:center}.call-btn{display:inline-flex;align-items:center;gap:0.3rem;padding:0.4rem 1.2rem;border-radius:999px;background:rgba(108,99,255,0.08);color:var(--primary);font-weight:600;font-size:0.95rem;transition:0.3s ease}.call-btn:hover{background:var(--primary);color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.login-btn{display:inline-flex;align-items:center;gap:0.3rem;padding:0.4rem 1.2rem;border-radius:999px;background:var(--primary);border:1px solid var(--primary);color:#fff;font-weight:600;font-size:0.95rem;transition:0.3s ease}.login-btn:hover{background:transparent;color:var(--primary)}.login-btn svg{width:16px;height:16px}.call-btn svg{width:16px;height:16px}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.hamburger span{width:24px;height:2px;background:var(--text-dark);transition:0.3s}.nav-links a{white-space:nowrap}@media (max-width:1250px) and (min-width:993px){.nav-container{padding:0 15px;gap:1rem}.nav-links{gap:0.8rem}.nav-links a{font-size:0.95rem;padding:5px 8px}.header-actions{gap:8px}.login-btn,.call-btn{padding:0.5rem 1rem;font-size:0.9rem}}.hero{background:#e9eef9;min-height:70vh;display:flex;align-items:center;overflow:hidden;position:relative;padding:7vw 20px 5vw}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:720px;animation:heroFadeUp 1s ease-out both}.hero h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;margin-bottom:1.25rem}.hero h2{font-size:clamp(1.1rem,1.8vw,1.45rem);color:var(--text-light);font-weight:400;margin-bottom:2.5rem;line-height:1.7}.hero-visual{display:flex;justify-content:flex-start;animation:heroFadeSide 1.2s ease-out both}.hero-visual img{width:100%;max-width:720px;height:auto;display:block;border:1px solid rgba(124,198,243,0.4);border-radius:20px;box-shadow:0 20px 60px rgba(108,99,255,0.12),0 0 40px rgba(124,198,243,0.25);animation:floatBreath 6s ease-in-out infinite}.hero-visual{position:relative}.hero-visual::before{content:"";position:absolute;width:85%;height:85%;background:linear-gradient(135deg,#7CC6F3,#6C63FF);filter:blur(60px);opacity:0.25;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.hero-visual img{position:relative;z-index:1}.hero-scroll{position:absolute;left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:56px !important;height:56px !important;min-width:56px;min-height:56px;aspect-ratio:1 / 1;padding:0 !important;display:flex !important;align-items:center;justify-content:center;border-radius:50% !important;background:#ffffff;color:var(--primary);border:1px solid rgba(124,198,243,0.35);box-shadow:0 10px 30px rgba(108,99,255,0.12),0 0 0 6px rgba(255,255,255,0.18);line-height:1;flex:0 0 56px;z-index:6;transition:var(--transition);animation:arrowBounce 2.2s ease-in-out infinite}.hero-scroll:hover{background:var(--primary);color:#ffffff}.hero-scroll svg{width:24px;height:24px;display:block;flex-shrink:0;pointer-events:none}.hero-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-video-bg iframe{position:absolute;top:50%;left:50%;width:120vw;height:67.5vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0}.hero-overlay{position:absolute;inset:0;background:rgba(233,238,249,0.82);z-index:1}@keyframes floatBreath{0%,100%{transform:translateY(0px)}50%{transform:translateY(-14px)}}@keyframes heroFadeUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeSide{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes arrowBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.timeline-container{position:relative;padding:4rem 0}.timeline-line{position:absolute;right:50%;top:0;bottom:0;width:28px;transform:translateX(50%);pointer-events:none;z-index:0;overflow:visible}.timeline-line{position:absolute;right:50%;top:0;bottom:0;width:2px;transform:translateX(50%);z-index:1;background:transparent;overflow:visible}.timeline-line::before{content:"";position:absolute;top:-20px;bottom:-20px;left:50%;width:30px;transform:translateX(-50%);opacity:1;pointer-events:none;background-repeat:repeat-y;background-position:center 0;background-size:30px 160px;background-image:url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 160'>\ <path d='M15 0 \ C 21 13,21 27,15 40 \ S 9 67,15 80 \ S 21 107,15 120 \ S 9 147,15 160' \ fill='none' stroke='%237dc7f3' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");animation:timelineSnakeFlow 3.2s linear infinite;will-change:background-position}@keyframes timelineSnakeFlow{from{background-position:center 0}to{background-position:center 160px}}.timeline-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8vw;position:relative;width:100%}.timeline-item:nth-child(even){flex-direction:row-reverse}.timeline-content,.timeline-image{width:45%}.timeline-dot{position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:24px;height:24px;background:var(--primary);border:6px solid var(--bg-white);border-radius:50%;box-shadow:0 0 0 4px rgba(254,202,44,0.2);z-index:2;transition:var(--transition)}.timeline-item:hover .timeline-dot{transform:translate(50%,-50%) scale(1.3);box-shadow:0 0 0 8px rgba(254,202,44,0.2)}.timeline-image img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-lg);transition:var(--transition)}.timeline-item:hover .timeline-image img{transform:scale(1.03)}.service-card{text-align:center;border-bottom:4px solid var(--accent-blue)}.service-icon{width:80px;height:80px;background:var(--bg-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:var(--primary);transition:var(--transition)}.service-icon svg{width:34px;height:34px;display:block}.service-card:hover .service-icon{background:var(--accent-blue);color:#fff;transform:rotateY(180deg)}.section-dark{background-color:var(--secondary);color:var(--bg-white)}.section-dark h2,.section-dark h3{color:var(--bg-white)}.section-dark p{color:rgba(255,255,255,0.8)}.testimonial-card{background:var(--bg-accent);border:none}.testimonial-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:3px solid var(--accent-blue)}.blog-card{padding:0}.blog-img{width:100%;height:250px;object-fit:cover}.blog-content{padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:1rem 1.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--bg-white);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,0.1)}.form-control::placeholder{color:rgba(255,255,255,0.5)}textarea.form-control{height:150px;resize:vertical}footer{background-color:var(--secondary);color:var(--bg-white);padding:8vw 20px 2vw;border-top:5px solid var(--primary)}.footer-contact-icon{color:var(--primary);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}input[type="tel"]{direction:ltr;text-align:right}input[type="tel"]::placeholder{direction:rtl;text-align:right}.footer-contact-icon svg{width:38px;height:38px;display:block}.footer-bottom{margin-top:6vw;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(255,255,255,0.5)}.scroll-reveal{opacity:0.8;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}.scroll-reveal.active{opacity:1;transform:translateY(0)}@media (max-width:992px){.timeline-line{right:30px;transform:none}.timeline-item,.timeline-item:nth-child(even){flex-direction:column;padding-right:80px}.timeline-content,.timeline-image{width:100%}.timeline-image{margin-top:2rem}.timeline-dot{right:30px;transform:translate(50%,-50%);top:0}.nav-container{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px}.hamburger{display:flex;order:1}.header-actions{display:flex;order:2}.logo{order:3;margin-right:auto}.call-btn{width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(108,99,255,0.08)}.call-btn span{display:none}.call-btn svg{width:18px;height:18px}.nav-links{display:none;position:absolute;top:100%;right:0;width:100%;background:#ffffff;flex-direction:column;align-items:flex-start;padding:20px 24px;box-shadow:0 10px 30px rgba(0,0,0,0.08);z-index:9999}.nav-links.active{display:flex}@media (max-width:992px){.login-btn{width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);border:1px solid var(--primary);color:#fff}.login-btn span{display:none}.login-btn svg{width:18px;height:18px}.login-btn:hover{background:transparent;color:var(--primary)}}.hero{min-height:100vh;padding:8rem 20px 6rem}.hero-video-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-video-bg iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:100%;transform:translate(-50%,-50%);pointer-events:none}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-visual{order:1;justify-content:center}.hero-content{order:2;text-align:center;margin:0 auto}.hero h1{font-size:clamp(2rem,8vw,3rem)}.hero h2{font-size:1.1rem;margin-bottom:2rem}.hero-scroll{bottom:18px}}.bg-secondary{background-color:var(--secondary-color) !important}.text-secondary{color:var(--secondary-color) !important}.border-secondary{border-color:var(--secondary-color) !important}a:hover{color:var(--primary-color)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 10px 20px rgba(108,99,255,0.25)}.btn-primary:hover{background-color:var(--accent-blue);color:var(--secondary)}.dropdown{position:relative}.dropdown-arrow{display:inline-block;font-size:0.8em;margin-right:4px;vertical-align:middle;position:relative;top:-1px}.sub-menu{position:absolute;top:100%;right:0;background:var(--bg-white);box-shadow:var(--shadow-md);border-radius:12px;padding:10px 0;min-width:180px;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.3s ease;z-index:100;border:1px solid rgba(0,0,0,0.04)}.dropdown:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(5px)}.sub-menu li{list-style:none}.sub-menu a{display:block !important;padding:10px 20px !important;font-size:1rem !important;border-radius:0 !important;white-space:nowrap;transition:var(--transition)}.sub-menu a:hover{background:rgba(125,199,243,0.15) !important;color:var(--primary) !important}@media (max-width:992px){.sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:5px 20px 0 0;display:none}.dropdown:hover .sub-menu,.dropdown:active .sub-menu,.dropdown:focus-within .sub-menu{display:block}}