.contact-modal-overlay{z-index:1200;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contact-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;padding:28px;position:relative}.contact-modal h2{color:#0f172a;margin-bottom:10px}.contact-modal p{color:#64748b;margin-bottom:20px}.contact-modal-close{background:0 0;font-size:28px;position:absolute;top:12px;right:16px}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #dbe2ea;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb}.form-status{color:#2563eb;margin-top:8px;font-weight:500}.navbar{z-index:999;background:#fff;border-bottom:1px solid #eef2ff;padding:16px 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{align-items:center;display:flex}.logo-image{object-fit:contain;width:auto;height:52px;display:block}.nav-links{gap:24px;display:flex}.nav-links a{color:#65b9f0;font-weight:510;text-decoration:none;transition:all .3s;position:relative}.nav-links a.active{color:#2563eb;font-weight:700}.nav-links a.active:after{content:"";background:#2563eb;border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.contact-btn-nav{color:#fff;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-weight:600}@media (width<=900px){.nav-links{display:none}.logo-image{height:44px}}.personal-modal-overlay{z-index:1500;background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.personal-modal{background:#f7f9fc;border-radius:26px;width:min(1200px,100%);max-height:92vh;padding:30px;overflow-y:auto;box-shadow:0 24px 70px #00000047}.personal-modal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.personal-modal-header h2{color:#111827;margin-bottom:8px;font-size:2.3rem}.personal-modal-header p{color:#667285;line-height:1.7}.personal-close-btn{color:#1f2937;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 10px 24px #0f172a1a}.personal-projects-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.personal-project-card{background:#fff;border:1px solid #e7eef8;border-radius:20px;transition:all .25s;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.personal-project-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0f172a1a}.personal-project-image-wrap{background:#eef5fb;padding:12px}.personal-project-image-wrap img{object-fit:cover;border-radius:14px;width:100%;height:190px}.personal-project-content{padding:18px}.personal-project-content span{color:#4a90ff;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-block}.personal-project-content h3{color:#1f2937;margin-bottom:8px;font-size:1.08rem;line-height:1.35}.personal-project-content p{color:#6b7280;margin-bottom:16px;font-size:.9rem;line-height:1.7}.personal-view-link{color:#fff;background:#4a90ff;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.personal-modal-actions{justify-content:center;margin-top:28px;display:flex}@media (width<=1000px){.personal-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.personal-modal-overlay{padding:12px}.personal-modal{border-radius:20px;padding:20px}.personal-modal-header{flex-direction:column}.personal-projects-grid{grid-template-columns:1fr}.personal-modal-header h2{font-size:1.7rem}}.hero{background:#f6f8fb;padding:50px 0 48px;position:relative;overflow:hidden}.hero-bg-shape{pointer-events:none;border-radius:50%;position:absolute}.hero-shape-left{background:#4a90ff09;width:540px;height:540px;top:-170px;left:-230px}.hero-shape-right{background:#4a90ff0d;width:980px;height:980px;top:-190px;right:-390px}.hero-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:520px;display:grid;position:relative}.hero-left{max-width:530px}.hero-intro{color:#4a90ff;margin-bottom:6px;font-size:1.65rem;font-weight:700}.hero h1{color:#121826;margin-bottom:16px;font-size:4.2rem;font-weight:800;line-height:1.05}.hero h1 span{color:#4a90ff}.hero-text{color:#677384;max-width:440px;margin-bottom:18px;font-size:1.2rem;line-height:1.85}.hero-line-small{background:#61a8ff;border-radius:10px;width:40px;height:3px;margin-bottom:24px}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.primary-btn,.secondary-btn{border-radius:10px;justify-content:center;align-items:center;padding:13px 20px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.primary-btn{color:#fff;background:#4a90ff;box-shadow:0 8px 18px #4a90ff29}.primary-btn:hover{transform:translateY(-2px)}.secondary-btn{color:#4a90ff;background:#fff;border:1px solid #c4d9fb}.secondary-btn:hover{background:#f4f8ff}.hero-social-wrap p{color:#7b8491;margin-bottom:10px;font-size:.95rem}.hero-socials{gap:12px;display:flex}.hero-socials a{color:#4b5563;background:#fff;border:1px solid #d9e1ea;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex}.hero-socials a:hover{color:#4a90ff;border-color:#4a90ff}.hero-right{flex-direction:column;justify-content:flex-start;align-items:center;min-height:420px;padding-top:6px;display:flex;position:relative}.hero-line{border-radius:9px;height:28px;margin-left:auto;margin-right:auto;transition:background .7s,opacity .7s;box-shadow:0 4px 10px #4a90ff14}.line-1{width:95%;margin-bottom:52px}.line-2{width:78%;margin-bottom:50px}.line-3{width:63%;margin-bottom:48px}.line-4{width:45%;margin-bottom:50px}.line-5{width:26%}.bar-strong{background:linear-gradient(90deg,#3c8ef9,#4a90ff)}.bar-mid{background:linear-gradient(90deg,#72affb,#8bbfff)}.bar-soft{background:linear-gradient(90deg,#9fcbff,#b7d9ff)}.bar-light{background:linear-gradient(90deg,#c1dcff,#d5e8ff)}.bar-muted{background:linear-gradient(90deg,#cfd5de,#d9dee6)}.hero-dots{opacity:.8;background-image:radial-gradient(#a9ceff 1.6px,#0000 1.6px);background-size:12px 12px;width:92px;height:92px;position:absolute;bottom:22px;right:14px}@media (width<=980px){.hero-container{grid-template-columns:1fr}.hero h1{font-size:3rem}.hero-text{font-size:1.05rem}.hero-right{align-items:center;min-height:360px}.line-1,.line-2,.line-3,.line-4,.line-5{max-width:520px}.hero-dots{right:0}}.about{background:#f7f9fc;padding:70px 0 40px}.refined-about{grid-template-columns:1fr 1.2fr;align-items:center;gap:38px;display:grid}.section-mini-title{color:#4a90ff;text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:700}.about h2{color:#1c2430;margin-bottom:10px;font-size:2.2rem;line-height:1.2}.about h2 span{color:#4a90ff}.about-line{background:#60a5fa;border-radius:10px;width:42px;height:3px;margin-bottom:22px}.about-left p{color:#687385;max-width:470px;margin-bottom:14px;line-height:1.9}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #edf2f8;border-radius:14px;padding:30px 18px;box-shadow:0 12px 28px #0f172a0a}.stat-icon{color:#4a90ff;background:#edf5ff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:1.1rem;display:flex}.stat-card h3{color:#1d2430;margin-bottom:8px;font-size:2rem}.stat-card p{color:#6c7686;font-size:.95rem;line-height:1.5}@media (width<=1100px){.refined-about{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.about-stats-grid{grid-template-columns:1fr}}.solutions{background:#30393f;padding:55px 0 80px}.services-layout{grid-template-columns:.9fr 1.4fr;align-items:start;gap:40px;display:grid}.services-left h2{color:#1f6ada;margin-bottom:10px;font-size:2.2rem}.services-left h2 span{color:#ecf0f6}.services-left p:last-child{color:#f3f7fb;max-width:280px;line-height:1.9}.services-right-grid{grid-template-columns:repeat(3,1fr);gap:16px 18px;display:grid}.service-mini-card{border-radius:10px;align-items:flex-start;gap:12px;padding:10px 6px;transition:all .25s;display:flex}.service-mini-card:hover{background:#fff9}.service-mini-icon{color:#4a90ff;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;display:flex;box-shadow:0 6px 16px #4a90ff14}.service-mini-content h3{color:#1a66f4;margin-bottom:4px;font-size:.95rem;font-weight:600}.service-mini-content p{color:#c2c5c8;font-size:.85rem;line-height:1.6}@media (width<=1080px){.services-layout{grid-template-columns:1fr}.services-right-grid{grid-template-columns:repeat(2,1fr)}.services-left p:last-child{max-width:none}}@media (width<=640px){.services-right-grid{grid-template-columns:1fr}}.projects-section,.clients-section,.cta-section{padding:90px 0}.center-title{text-align:center;color:#0f172a;margin-bottom:26px;font-size:2.4rem}.projects-section .container>h2{color:#0f172a;margin-bottom:12px;font-size:2.4rem}.projects-section .container>p{color:#64748b;margin-bottom:36px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a14}.project-card:hover{transform:translateY(-6px)}.project-image-wrap{background:#f1f5f9;width:100%;height:220px;position:relative;overflow:hidden}.project-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s}.project-image.loaded{opacity:1}.image-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}.image-spinner{z-index:2;border:4px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.project-content{flex-direction:column;flex-grow:1;padding:18px;display:flex}.project-category{color:#3b82f6;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.project-content h3{color:#0f172a;margin-bottom:10px}.project-content p{color:#64748b;min-height:70px;margin-bottom:14px;line-height:1.6}.project-content h4{color:#2563eb;margin-bottom:14px;font-size:1.4rem}.buy-btn,.whatsapp-btn,.contact-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.buy-btn{background:#2563eb;margin-top:auto}.whatsapp-btn{background:#25d366}.contact-btn{background:#2563eb}.modal-overlay{z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-modal{background:#fff;border-radius:20px;width:100%;max-width:760px;max-height:92vh;padding:24px;position:relative;overflow-y:auto}.close-btn{cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:10px;right:16px}.modal-image{object-fit:cover;border-radius:14px;width:100%;max-height:360px;margin-bottom:20px}.modal-info p{color:#475569;margin-bottom:10px}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.cta-box{background:linear-gradient(90deg,#eff6ff,#dbeafe);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:40px;display:flex}.cta-box h2{color:#0f172a;margin-bottom:10px;font-size:2rem}.cta-box p{color:#475569}.clients-box{text-align:center;color:#94a3b8;background:#f8fbff;border:1px dashed #cbd5e1;border-radius:18px;padding:60px 20px}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.projects-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}}.process-section{background:#fff;padding:90px 0}.process-title{color:#0f172a;margin-bottom:36px;font-size:2.4rem}.process-flow{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:12px;display:flex}.process-flow-item{flex:180px;align-items:center;gap:12px;display:flex}.process-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex:1;min-height:250px;padding:24px 20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.process-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);width:100%;height:4px;position:absolute;top:0;left:0}.process-card:hover{transform:translateY(-6px)}.process-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:1.4rem;display:flex}.process-number{color:#3b82f6;margin-bottom:10px;font-weight:700;display:inline-block}.process-card h3{color:#0f172a;margin-bottom:10px}.process-card p{color:#64748b;line-height:1.7}.process-arrow{color:#60a5fa;justify-content:center;align-items:center;font-size:2.2rem;display:flex}@media (width<=1100px){.process-flow{flex-direction:column}.process-flow-item{width:100%}.process-arrow{margin:8px 0;transform:rotate(90deg)}}.clients-section{background:#f7f9fc;padding:90px 0}.clients-coming-box{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e6eef8;border-radius:24px;min-height:260px;margin-top:20px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.clients-overlay{text-align:center;background:#f7f9fcdb;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.clients-overlay h3{color:#1e293b;margin-bottom:12px;font-size:2rem;font-weight:800}.clients-overlay p{color:#5f6c7b;font-size:1.2rem;font-weight:500}.clients-marquee-wrapper{margin-top:32px;position:relative;overflow:hidden}.clients-marquee-track{gap:18px;width:max-content;animation:24s linear infinite scrollClients;display:flex}.client-placeholder-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e5edf8;border-radius:18px;flex-shrink:0;width:240px;height:110px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.client-placeholder-overlay{background:#afc5e5e6;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex}.client-placeholder-overlay span{color:#6a7686;text-align:center;font-size:1rem;font-weight:700}@keyframes scrollClients{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.clients-overlay h3{font-size:1.5rem}.clients-overlay p{font-size:1rem}.client-placeholder-card{width:190px;height:90px}}.footer{color:#fff;background:#0f172a;padding:70px 0 20px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;display:grid}.footer-logo{object-fit:contain;border-radius:29px;width:auto;height:58px;margin-bottom:16px;display:block}.footer h4{margin-bottom:16px}.footer p,.footer li,.footer a{color:#cbd5e1;line-height:1.8}.footer ul{padding:0;list-style:none}.footer-bottom{color:#94a3b8;border-top:1px solid #1e293b;margin-top:40px;padding-top:20px}@media (width<=900px){.footer-grid{grid-template-columns:1fr}}.clock{background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;display:flex;position:relative;box-shadow:0 8px 20px #00000014}.center-dot{z-index:10;background:#111827;border-radius:50%;width:8px;height:8px;position:absolute}.hand{transform-origin:bottom;border-radius:6px;position:absolute;bottom:50%}.hand.hour{background:#111827;width:4px;height:20px}.hand.minute{background:#374151;width:3px;height:26px}.hand.second{background:#ef4444;width:2px;height:30px}.clock:before{content:"";border:1px solid #0000000d;border-radius:50%;position:absolute;inset:6px}.whatsapp-float{color:#fff;z-index:1100;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 25px #00000038}.scroll-top-btn{color:#fff;z-index:1100;background:#2563eb;border:none;border-radius:50%;width:50px;height:50px;font-size:1rem;position:fixed;bottom:95px;right:22px;box-shadow:0 10px 25px #0000002e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111827;background:#f8faff;font-family:Arial,sans-serif}a{text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:0 auto}