*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea,select{font-family:inherit}button{cursor:pointer;border:none}a{color:inherit}.app{background:radial-gradient(circle at 0 0,#00c3ff47,#0000 35%),radial-gradient(circle at 100% 0,#2563eb47,#0000 35%),radial-gradient(circle at bottom,#facc1524,#0000 35%),#020617;min-height:100vh}.navbar{z-index:100;width:100%;padding:18px 6%;position:fixed;top:0}.nav-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617c2;border:1px solid #ffffff24;border-radius:28px;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:14px 18px;display:flex;box-shadow:0 20px 70px #0000004d}.brand{color:#fff;background:0 0;align-items:center;gap:12px;font-size:20px;font-weight:950;text-decoration:none;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:16px;width:50px;height:50px;padding:5px}.brand small{color:#93c5fd;letter-spacing:.6px;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.desktop-nav{align-items:center;gap:10px;display:flex}.desktop-nav a{color:#fffc;background:0 0;border-radius:16px;padding:11px 18px;font-weight:850;text-decoration:none;transition:all .25s}.desktop-nav a:hover,.desktop-nav a.active{color:#020617;background:#fff}.quote-btn{box-shadow:0 15px 35px #2563eb73;color:#fff!important;background:linear-gradient(135deg,#22d3ee,#2563eb,#facc15)!important}.mobile-menu-btn{color:#fff;background:#ffffff1a;border-radius:16px;padding:10px;display:none}.mobile-nav{background:#020617f5;border:1px solid #ffffff24;border-radius:24px;max-width:1200px;margin:12px auto 0;padding:12px}.mobile-nav a{color:#fff;text-align:left;background:0 0;border-radius:16px;width:100%;padding:14px;font-weight:850;text-decoration:none;display:block}.mobile-nav a:hover,.mobile-nav a.active{background:#ffffff1a}.hero{padding:175px 6% 100px;position:relative;overflow:hidden}.hero-bg-one,.hero-bg-two{filter:blur(3px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.hero-bg-one{background:#22d3ee38;width:320px;height:320px;animation:18s linear infinite spin;top:160px;left:-120px}.hero-bg-two{background:#facc152e;width:280px;height:280px;animation:5s ease-in-out infinite float;top:220px;right:-80px}.hero-grid-pattern{opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hero-content{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1200px;margin:auto;display:grid;position:relative}.badge{color:#cffafe;background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-weight:850;display:inline-flex}.hero h1{letter-spacing:-3px;font-size:clamp(42px,7vw,78px);font-weight:950;line-height:.95}.hero p{color:#cbd5e1;max-width:650px;margin-top:26px;font-size:20px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.primary-btn,.secondary-btn,.cta-section a,.submit-btn{border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:16px;font-weight:950;text-decoration:none;transition:all .25s;display:inline-flex}.primary-btn,.cta-section a,.submit-btn{color:#fff;background:linear-gradient(135deg,#22d3ee,#2563eb,#facc15);box-shadow:0 18px 45px #2563eb66}.primary-btn:hover,.cta-section a:hover,.submit-btn:hover,.package-btn:hover{transform:translateY(-3px)}.secondary-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff29}.secondary-btn:hover{background:#ffffff2e}.trust-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.trust-row div{color:#dbeafe;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.trust-row svg{color:#22d3ee}.hero-visual{perspective:1000px;position:relative}.browser-card{transform-style:preserve-3d;background:#0f172adb;border:1px solid #ffffff29;border-radius:38px;padding:18px;box-shadow:0 40px 120px #00000080}.browser-top{gap:8px;margin-bottom:14px;display:flex}.browser-top span{background:#2563eb;border-radius:999px;width:13px;height:13px}.browser-top span:nth-child(2){background:#22d3ee}.browser-top span:nth-child(3){background:#facc15}.browser-screen{background:linear-gradient(135deg,#22d3ee3d,#0000),linear-gradient(315deg,#facc152e,#0000),#020617;border:1px solid #ffffff24;border-radius:30px;min-height:410px;padding:40px;position:relative;overflow:hidden}.browser-screen img{background:#fff;border-radius:24px;width:135px;margin-bottom:30px;padding:12px}.browser-screen h3{font-size:38px;line-height:1}.browser-screen p{margin-top:14px;font-size:18px}.mini-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;display:grid}.mini-grid div{text-align:center;background:#ffffff1a;border-radius:18px;padding:18px;font-weight:950}.screen-bar{background:#ffffff2e;border-radius:999px;height:10px;position:absolute;right:34px}.screen-bar.one{width:130px;bottom:70px}.screen-bar.two{width:90px;bottom:48px}.floating-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:10px;padding:16px 18px;font-weight:950;display:flex;position:absolute;box-shadow:0 20px 70px #00000059}.floating-card svg{color:#22d3ee}.floating-card-one{top:-25px;left:-25px}.floating-card-two{bottom:-25px;right:-20px}.stats-section{padding:0 6% 70px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:auto;display:grid}.stats-grid div{text-align:center;background:#ffffff1a;border:1px solid #ffffff24;border-radius:28px;padding:28px}.stats-grid h3{font-size:34px}.stats-grid p{color:#cbd5e1;margin-top:8px}.section{max-width:1300px;margin:auto;padding:80px 6%}.section-title{text-align:center;max-width:790px;margin:0 auto 50px}.section-title span,.contact-heading span{color:#22d3ee;text-transform:uppercase;letter-spacing:2px;font-weight:950}.section-title h2,.contact-heading h1,.cta-section h2{letter-spacing:-2px;margin-top:14px;font-size:clamp(34px,5vw,58px);line-height:1}.services-grid,.packages-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card,.package-card,.contact-info,.contact-form,.process-card,.payment-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:32px;padding:32px;box-shadow:0 30px 90px #00000040}.service-card,.package-card,.payment-card{transition:all .3s}.service-card:hover,.package-card:hover,.payment-card:hover{transform:translateY(-8px)}.service-icon{background:linear-gradient(135deg,#22d3ee,#2563eb,#facc15);border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:22px;display:grid}.service-icon svg{color:#fff}.service-card h3,.package-card h3,.contact-info h2{margin-bottom:14px;font-size:26px}.service-card p,.contact-info p,.cta-section p,.package-text{color:#cbd5e1;line-height:1.7}.industries-section{padding-top:40px}.industry-tags{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.industry-tags span{color:#e0f2fe;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:13px 18px;font-weight:850}.packages-section{padding-top:40px}.package-card{position:relative}.package-card.featured{background:linear-gradient(135deg,#2563eb47,#facc1529),#ffffff1f;border-color:#22d3ee80;transform:scale(1.04)}.popular{color:#020617;background:#facc15;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:950;position:absolute;top:-16px;right:24px}.package-card h4{color:#22d3ee;margin-bottom:12px;font-size:30px}.package-card ul{gap:14px;margin:28px 0 30px;list-style:none;display:grid}.package-card li{color:#e2e8f0;align-items:center;gap:10px;display:flex}.package-card li svg{color:#22d3ee;flex-shrink:0}.package-btn{color:#020617;background:#fff;border-radius:16px;justify-content:center;width:100%;padding:15px;font-weight:950;text-decoration:none;transition:all .25s;display:inline-flex}.payment-section{padding-top:40px}.payment-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.payment-card span{background:linear-gradient(135deg,#22d3ee,#2563eb,#facc15);border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:950;display:grid}.payment-card h3{margin-bottom:12px;font-size:22px}.payment-card p{color:#cbd5e1;line-height:1.7}.faq-section{padding-top:40px}.faq-list{gap:16px;max-width:900px;margin:auto;display:grid}.faq-item{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:24px;padding:22px 24px;box-shadow:0 20px 70px #0003}.faq-item summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;gap:20px;font-size:18px;font-weight:900;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#22d3ee;flex-shrink:0;font-size:26px;font-weight:950;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#cbd5e1;margin-top:16px;line-height:1.7}.process-section{padding-top:40px}.process-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.process-card span{background:linear-gradient(135deg,#22d3ee,#2563eb,#facc15);border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:950;display:grid}.process-card p{color:#e2e8f0;font-weight:750;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg,#22d3ee38,#2563eb33,#facc152e),#ffffff14;border:1px solid #ffffff29;border-radius:42px;margin:70px 6% 0;padding:80px 30px}.cta-section p{max-width:650px;margin:18px auto 30px}.contact-page{padding-top:140px}.contact-hero{text-align:center;padding:50px 6% 40px}.contact-heading{max-width:790px;margin:auto}.contact-heading p{color:#cbd5e1;margin-top:20px;font-size:19px;line-height:1.7}.contact-layout{grid-template-columns:.85fr 1.15fr;align-items:start;gap:26px;max-width:1200px;margin:auto;padding:40px 6% 90px;display:grid}.contact-info-top{align-items:center;gap:18px;margin-bottom:10px;display:flex}.contact-info-top img{object-fit:contain;background:#fff;border-radius:22px;width:78px;height:78px;padding:8px}.info-item{align-items:flex-start;gap:14px;margin-top:26px;text-decoration:none;display:flex}.info-item svg{color:#22d3ee;flex-shrink:0}.info-item strong{margin-bottom:5px;display:block}.info-item span{color:#cbd5e1}.info-link:hover span{color:#fff}.whatsapp-card{background:#22c55e24;border:1px solid #22c55e4d;border-radius:24px;align-items:center;gap:14px;margin-top:30px;padding:20px;text-decoration:none;display:flex}.whatsapp-card svg{color:#86efac}.whatsapp-card strong{margin-bottom:4px;display:block}.whatsapp-card span{color:#bbf7d0}.contact-note{background:#facc151f;border:1px solid #facc1540;border-radius:22px;gap:12px;margin-top:30px;padding:22px;display:flex}.contact-note svg{color:#facc15;flex-shrink:0}.contact-note h3{margin-bottom:8px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{margin-bottom:18px}.form-group label{margin-bottom:9px;font-weight:850;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#020617bd;border:1px solid #ffffff24;border-radius:16px;outline:none;width:100%;padding:16px;font-size:15px}.form-group select option{color:#fff;background:#020617}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee24}.form-group textarea{resize:vertical;min-height:155px}.submit-btn{width:100%}.success-message{color:#bbf7d0;background:#22c55e2e;border:1px solid #22c55e59;border-radius:16px;margin-bottom:20px;padding:15px;font-weight:850}.footer{background:radial-gradient(circle at 0 0,#22d3ee2e,#0000 30%),radial-gradient(circle at 100% 0,#2563eb38,#0000 35%),#020617f5;border-top:1px solid #ffffff1f;margin-top:80px;padding:70px 6% 25px}.footer-grid{grid-template-columns:1.3fr .7fr 1fr 1fr;gap:35px;max-width:1200px;margin:auto;display:grid}.footer-brand img{object-fit:contain;background:#fff;border-radius:22px;width:80px;height:80px;margin-bottom:18px;padding:8px}.footer-brand h3{margin-bottom:12px;font-size:28px}.footer-brand p{color:#cbd5e1;max-width:430px;line-height:1.7}.footer-column h4{color:#22d3ee;margin-bottom:18px;font-size:18px}.footer-column a,.footer-column p{color:#cbd5e1;margin-bottom:12px;line-height:1.5;text-decoration:none;display:block}.footer-column a:hover{color:#fff}.footer-contact-item{align-items:center;gap:10px;display:flex!important}.footer-contact-item svg{color:#22d3ee;flex-shrink:0}.footer-bottom{text-align:center;border-top:1px solid #ffffff1f;max-width:1200px;margin:45px auto 0;padding-top:25px}.footer-bottom p{color:#94a3b8}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(10deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.process-grid,.payment-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=950px){.desktop-nav{display:none}.mobile-menu-btn{place-items:center;display:grid}.hero-content,.services-grid,.packages-grid,.contact-layout{grid-template-columns:1fr}.hero{padding-top:150px}.package-card.featured{transform:none}.floating-card{display:none}}@media (width<=650px){.navbar{padding:12px 4%}.brand span{font-size:16px}.brand small{display:none}.brand img{width:42px;height:42px}.hero{padding:135px 5% 70px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:17px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.browser-screen{min-height:330px;padding:26px}.browser-screen img{width:100px}.browser-screen h3{font-size:31px}.mini-grid,.stats-grid,.form-grid,.process-grid,.payment-grid,.footer-grid{grid-template-columns:1fr}.section,.contact-layout,.footer{padding-left:5%;padding-right:5%}.service-card,.package-card,.contact-info,.contact-form,.process-card,.payment-card{padding:24px}.faq-item{padding:20px}.faq-item summary{font-size:16px}.contact-info-top{align-items:flex-start}.cta-section{margin-left:5%;margin-right:5%;padding:60px 22px}}
