@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#06101f;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.website{width:100%;overflow-x:clip}.navbar{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#06101fd9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:80px;padding:0 7%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:27px;font-weight:800}.logo span,.footer-logo span{color:#26a7ff}.nav-links{gap:35px;display:flex}.nav-links a{color:#aebbd0;font-size:14px;transition:all .3s}.nav-links a:hover{color:#fff}.nav-btn{background:#168cff;border-radius:8px;padding:11px 21px;font-size:14px;font-weight:600;transition:all .3s}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #168cff4d}.hero{background:radial-gradient(circle at 75% 45%,#0082ff29,#0000 35%),#06101f;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:calc(100vh - 80px);padding:80px 7%;display:grid}.hero-content{max-width:680px}.badge{color:#4db7ff;background:#26a7ff14;border:1px solid #26a7ff40;border-radius:30px;margin-bottom:25px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(48px,6vw,76px);line-height:1.05}.hero h1 span{color:#25a6ff}.hero p{color:#a8b6ca;max-width:600px;margin-bottom:35px;font-size:18px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;padding:15px 25px;font-size:14px;font-weight:600;transition:all .3s}.primary-btn{background:#168cff}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #168cff4d}.secondary-btn{color:#dce7f5;border:1px solid #ffffff26}.secondary-btn:hover{background:#ffffff0f}.hero-stats{gap:45px;margin-top:55px;display:flex}.hero-stats div{flex-direction:column;gap:6px;display:flex}.hero-stats strong{font-size:25px}.hero-stats span{color:#8191a8;font-size:12px}.hero-visual{justify-content:center;align-items:center;min-height:530px;display:flex;position:relative}.glow{opacity:.13;filter:blur(100px);background:#008cff;border-radius:50%;width:380px;height:380px;position:absolute}.app-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff1a,#ffffff08);border:1px solid #ffffff1f;border-radius:25px;width:340px;min-height:420px;animation:5s ease-in-out infinite floating;position:relative;transform:rotate(3deg);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff1a}@keyframes floating{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-15px)rotate(3deg)}}.card-top{color:#aebbd0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:65px;padding:0 22px;font-size:13px;display:flex}.dot{background:#25a6ff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 15px #25a6ff}.menu{letter-spacing:3px}.phone-content{padding:45px 30px}.mini-icon{background:#26a7ff1f;border:1px solid #26a7ff40;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:25px;font-size:30px;display:flex}.phone-content h3{margin-bottom:12px;font-size:28px}.phone-content p{color:#91a1b8;font-size:13px;line-height:1.7}.progress{background:#ffffff14;border-radius:20px;height:7px;margin:25px 0;overflow:hidden}.progress div{background:#168cff;border-radius:20px;width:75%;height:100%}.features{flex-direction:column;gap:12px;display:flex}.features span{color:#aebbd0;font-size:12px}.floating-card{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#dce7f5;background:#0d1d34e6;border:1px solid #ffffff1a;border-radius:12px;padding:13px 18px;font-size:12px;font-weight:600;animation:4s ease-in-out infinite floatCard;position:absolute;box-shadow:0 15px 35px #0000004d}.card-two{animation-delay:1s;top:190px;right:0}.card-three{animation-delay:2s;bottom:65px;left:10%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.services{background:#081426;padding:120px 7%}.section-heading>span,.small-title,.cta span{color:#26a7ff;letter-spacing:2px;font-size:12px;font-weight:700}.section-heading h2{letter-spacing:-2px;margin:15px 0;font-size:45px}.section-heading h2 strong{color:#26a7ff}.section-heading p{color:#8e9eb5;line-height:1.7}.service-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px;display:grid}.service-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;min-height:260px;padding:35px;transition:all .4s}.service-card:hover{background:#26a7ff0f;border-color:#26a7ff73;transform:translateY(-8px);box-shadow:0 20px 50px #00000040}.service-icon{background:#26a7ff1a;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:25px;font-size:25px;display:flex}.service-card a{color:#26a7ff;font-size:13px;font-weight:600}.about{background:#06101f;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:120px 7%;display:grid}.about-content{max-width:620px}.about-content h2{letter-spacing:-2px;margin:18px 0;font-size:46px;line-height:1.15}.about-content h2 span{color:#26a7ff}.about-content>p{color:#8e9eb5;line-height:1.8}.about-points{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;display:grid}.about-points div{color:#cbd7e7;align-items:center;gap:12px;font-size:13px;display:flex}.about-points b{color:#26a7ff}.about-box{background:linear-gradient(145deg,#26a7ff1a,#ffffff06);border:1px solid #ffffff14;border-radius:25px;padding:45px}.about-number{justify-content:space-between;align-items:center;display:flex}.about-number strong{color:#26a7ff;font-size:40px}.about-number span{letter-spacing:2px;color:#9aa9bd;font-size:12px}.line{background:#ffffff1a;height:1px;margin:25px 0}.cta{background:radial-gradient(circle at 80%,#0091ff33,#0000 40%),#0b1c34;border:1px solid #26a7ff26;border-radius:25px;justify-content:space-between;align-items:center;gap:40px;margin:0 7% 100px;padding:70px;display:flex}.cta h2{max-width:650px;margin:12px 0;font-size:42px;line-height:1.2}.cta h2 strong{color:#26a7ff}.cta p{color:#8e9eb5;line-height:1.7}.cta>a{background:#168cff;border-radius:9px;flex-shrink:0;padding:16px 25px;font-size:13px;font-weight:700;transition:all .3s}.cta>a:hover{transform:translateY(-3px);box-shadow:0 15px 35px #168cff4d}footer{color:#718197;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:45px 7%;display:flex}.footer-logo{color:#fff;font-size:22px;font-weight:800}footer p{font-size:12px}.footer-links{gap:25px;display:flex}.footer-links a{font-size:12px;transition:all .3s}.footer-links a:hover{color:#fff}footer small{font-size:11px}@media (width<=900px){.nav-links{display:none}.hero{text-align:center;grid-template-columns:1fr;padding-top:60px}.hero-content{margin:auto}.hero p{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{min-height:500px}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.cta{text-align:center;flex-direction:column}footer{flex-wrap:wrap}}@media (width<=600px){.navbar{padding:0 5%}.nav-btn{padding:9px 14px;font-size:12px}.hero{padding:55px 5%}.hero h1{letter-spacing:-2px;font-size:45px}.hero p{font-size:15px}.hero-stats{gap:25px}.hero-visual{margin:-30px 0;transform:scale(.85)}.service-grid{grid-template-columns:1fr}.services,.about{padding:80px 5%}.section-heading h2,.about-content h2{font-size:35px}.about-points{grid-template-columns:1fr}.cta{margin:0 5% 70px;padding:45px 25px}.cta h2{font-size:32px}footer{text-align:center;flex-direction:column;padding:40px 5%}}.services{background:#081322;padding:120px 8%;position:relative}.section-heading{text-align:center;max-width:700px;margin:0 auto 65px}.section-heading>span{color:#2698ff;letter-spacing:2px;font-size:13px;font-weight:700}.section-heading h2{margin-top:15px;font-size:clamp(36px,4vw,52px);line-height:1.15}.section-heading h2 strong{color:#2698ff;display:block}.section-heading p{color:#899ab2;margin-top:20px;font-size:17px;line-height:1.7}.service-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto;display:grid}.service-card{background:linear-gradient(145deg,#162b44cc,#0a1829f2);border:1px solid #ffffff12;border-radius:18px;min-height:330px;padding:35px 30px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.service-card:before{content:"";filter:blur(70px);opacity:0;background:#1683ff;border-radius:50%;width:180px;height:180px;transition:all .4s;position:absolute;top:-100px;right:-100px}.service-card:hover{border-color:#2698ff73;transform:translateY(-10px);box-shadow:0 25px 60px #00000059}.service-card:hover:before{opacity:.18}.service-number{color:#ffffff1f;font-size:14px;font-weight:700;position:absolute;top:22px;right:25px}.service-icon{background:#1683ff1a;border:1px solid #2698ff33;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:25px;font-size:28px;transition:all .35s;display:flex}.service-card:hover .service-icon{background:#1683ff2e;transform:scale(1.08)rotate(-4deg)}.service-card h3{margin-bottom:14px;font-size:21px}.service-card p{color:#8798b0;margin-bottom:25px;font-size:15px;line-height:1.7}.service-card a{color:#35a2ff;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.service-card a span{margin-left:5px;transition:all .3s;display:inline-block}.service-card a:hover span{transform:translate(6px)}@media (width<=1000px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.services{padding:80px 20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}}.process{background:#07111f;padding:120px 8%;position:relative}.process-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1200px;margin:auto;display:grid}.process-card{background:#12243aa6;border:1px solid #ffffff12;border-radius:18px;min-height:300px;padding:28px 22px;transition:all .35s;position:relative}.process-card:hover{border-color:#2698ff73;transform:translateY(-10px);box-shadow:0 25px 50px #0000004d}.process-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.process-top>span{color:#ffffff40;font-size:13px;font-weight:700}.process-icon{background:#1683ff1a;border:1px solid #2698ff33;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;transition:all .35s;display:flex}.process-card:hover .process-icon{background:#1683ff2e;transform:scale(1.1)rotate(-5deg)}.process-card h3{margin-bottom:14px;font-size:19px}.process-card p{color:#8798b0;font-size:14px;line-height:1.7}.process-card:not(:last-child):after{content:"→";color:#2698ff;z-index:5;font-size:22px;position:absolute;top:50%;right:-17px;transform:translateY(-50%)}@media (width<=1100px){.process-grid{grid-template-columns:repeat(3,1fr)}.process-card:after{display:none}}@media (width<=650px){.process{padding:80px 20px}.process-grid{grid-template-columns:1fr}}.portfolio{background:#f7faff;padding:110px 7%}.portfolio .section-heading{text-align:center;max-width:720px;margin:0 auto 65px}.portfolio .section-heading>span{letter-spacing:2px;color:#1677ff;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-block}.portfolio .section-heading h2{color:#10233f;margin:0 0 18px;font-size:48px;line-height:1.15}.portfolio .section-heading h2 strong{color:#1677ff}.portfolio .section-heading p{color:#66758a;font-size:16px;line-height:1.7}.portfolio-grid{max-width:1200px;margin:auto}.portfolio-card{background:#fff;border:1px solid #e8f0f8;border-radius:30px;grid-template-columns:1.05fr .95fr;transition:all .4s;display:grid;overflow:hidden;box-shadow:0 25px 70px #19416e1f}.portfolio-visual{background:radial-gradient(circle at 50% 40%,#2d8eff38,#0000 35%),linear-gradient(145deg,#071a35,#0b3768);justify-content:center;align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.project-glow{filter:blur(70px);background:#2891ff38;border-radius:50%;width:320px;height:320px;position:absolute}.phone-mockup{z-index:2;background:#111827;border-radius:38px;width:255px;height:490px;padding:9px;transition:all .5s;position:relative;transform:rotate(-3deg);box-shadow:0 35px 60px #0006,0 0 0 2px #ffffff14}.portfolio-card:hover .phone-mockup{transform:rotate(0)translateY(-8px)}.phone-camera{z-index:5;background:#090d15;border-radius:20px;width:75px;height:20px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(#eef7ff,#fff);border-radius:31px;height:100%;padding:42px 18px 20px;overflow:hidden}.app-top{color:#12365c;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.app-welcome{margin-top:35px}.app-welcome small{color:#1680ff;letter-spacing:1.5px;font-size:9px;font-weight:800}.app-welcome h3{color:#102d4e;margin:5px 0;font-size:27px}.app-welcome p{color:#75869b;margin:0;font-size:10px}.app-stat-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:28px;display:grid}.app-stat-grid div{background:#fff;border-radius:13px;padding:13px 10px;box-shadow:0 7px 20px #285a8c14}.app-stat-grid strong{color:#126fd1;font-size:17px;display:block}.app-stat-grid span{color:#7c8da0;margin-top:3px;font-size:8px;display:block}.location-box{background:#fff;border-radius:13px;align-items:center;gap:9px;margin-top:13px;padding:13px;display:flex;box-shadow:0 7px 20px #285a8c14}.location-icon{color:#147cff;background:#e7f3ff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex}.location-box strong{color:#17395c;font-size:9px;display:block}.location-box span{color:#7c8da0;margin-top:2px;font-size:7px;display:block}.live-dot{background:#20c978;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 5px #20c9781f}.floating-project-card{z-index:3;color:#17395c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-radius:13px;padding:13px 17px;font-size:11px;font-weight:700;animation:4s ease-in-out infinite floatProject;position:absolute;box-shadow:0 15px 35px #0003}.floating-project-card span{margin-left:5px}.card-one{top:27%;left:9%}.card-two{animation-delay:1.2s;bottom:27%;right:7%}@keyframes floatProject{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.portfolio-content{flex-direction:column;justify-content:center;padding:65px 55px;display:flex}.project-tag{color:#1677ff;letter-spacing:1.3px;background:#eaf4ff;border-radius:30px;width:fit-content;margin-bottom:18px;padding:7px 13px;font-size:10px;font-weight:800}.portfolio-content h3{color:#10233e;margin:0;font-size:42px}.portfolio-content h4{color:#1677ff;margin:8px 0 20px;font-size:18px}.portfolio-content>p{color:#66758a;max-width:500px;font-size:15px;line-height:1.8}.project-features{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.project-features span{color:#3d5873;background:#f2f7fc;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600}.project-tech{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;gap:15px;padding:18px 0;display:flex}.project-tech span{color:#6b7d91;font-size:11px;font-weight:700}.project-link{color:#1677ff;align-items:center;gap:10px;width:fit-content;margin-top:25px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.project-link span{font-size:18px;transition:all .3s}@media (width<=900px){.portfolio-card{grid-template-columns:1fr}.portfolio-visual{min-height:520px}.portfolio-content{padding:45px 35px}}@media (width<=600px){.portfolio{padding:80px 5%}.portfolio .section-heading h2{font-size:34px}.portfolio-visual{min-height:470px}.phone-mockup{width:220px;height:425px}.floating-project-card{padding:10px 12px;font-size:9px}.card-one{left:3%}.card-two{right:3%}.portfolio-content{padding:40px 25px}.portfolio-content h3{font-size:34px}}@media (width<=950px){.pricing-grid{grid-template-columns:1fr 1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-10px)}}@media (width<=650px){.pricing{padding:80px 5%}.pricing .section-heading h2{font-size:34px}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}}.quote{background:#f7faff;padding:110px 8%}.quote .section-heading{text-align:center;max-width:750px;margin:0 auto 60px}.quote .section-heading span{color:#2563eb;letter-spacing:2px;font-size:13px;font-weight:700}.quote .section-heading h2{color:#0f172a;margin:15px 0;font-size:46px}.quote .section-heading h2 strong{color:#2563eb}.quote .section-heading p{color:#64748b;font-size:17px;line-height:1.7}.quote-container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;max-width:1150px;margin:auto;display:grid}.quote-info h3{color:#0f172a;margin-bottom:20px;font-size:34px}.quote-info>p{color:#64748b;margin-bottom:30px;font-size:16px;line-height:1.8}.quote-points{gap:16px;margin-bottom:35px;display:grid}.quote-points div{color:#334155;font-size:15px;font-weight:600}.quote-contact{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:15px;width:fit-content;padding:20px;display:flex}.quote-contact span{font-size:25px}.quote-contact small{color:#94a3b8;margin-bottom:4px;display:block}.quote-contact strong{color:#2563eb}.quote-form{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:38px;box-shadow:0 20px 60px #0f172a14}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe3ef;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.form-group textarea{resize:vertical}.quote-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.quote-submit:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 25px #2563eb40}.form-note{text-align:center;color:#94a3b8;margin-top:15px;font-size:12px}@media (width<=900px){.quote-container{grid-template-columns:1fr;gap:45px}.quote .section-heading h2{font-size:36px}}@media (width<=600px){.quote{padding:80px 5%}.form-row{grid-template-columns:1fr;gap:0}.quote-form{padding:25px}.quote-info h3{font-size:28px}}.faq{background:#06101f;padding:110px 8%}.faq .section-heading{text-align:center;max-width:760px;margin:0 auto 60px}.faq .section-heading>span{color:#26a7ff;letter-spacing:2px;font-size:13px;font-weight:700}.faq .section-heading h2{margin:15px 0;font-size:clamp(36px,4vw,50px)}.faq .section-heading h2 strong{color:#26a7ff}.faq .section-heading p{color:#8e9eb5;line-height:1.7}.faq-grid{gap:15px;max-width:900px;margin:auto;display:grid}.faq-item{background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#26a7ff4d;transform:translateY(-2px)}.faq-item[open]{background:#26a7ff0d;border-color:#26a7ff59}.faq-item summary{cursor:pointer;color:#e6eef8;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#26a7ff;text-align:center;min-width:20px;font-size:22px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#8798b0;margin:0;padding:0 25px 23px;font-size:14px;line-height:1.8}@media (width<=650px){.faq{padding:80px 20px}.faq-item summary{padding:20px;font-size:14px}.faq-item p{padding:0 20px 20px}}.contact{color:#071426;background:#f7faff;padding:110px 8%}.contact-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1150px;margin:auto;display:grid}.contact-label{color:#168fe0;letter-spacing:2px;font-size:13px;font-weight:700}.contact-content h2{margin:16px 0 22px;font-size:clamp(38px,5vw,58px);line-height:1.1}.contact-content h2 strong{color:#168fe0}.contact-content>p{color:#65758b;max-width:600px;font-size:15px;line-height:1.8}.contact-details{gap:20px;margin:35px 0;display:grid}.contact-item{align-items:center;gap:16px;display:flex}.contact-icon{color:#168fe0;background:#e8f5ff;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.contact-item small{color:#8290a3;margin-bottom:4px;font-size:12px;display:block}.contact-item a,.contact-item strong{color:#071426;font-size:14px;text-decoration:none}.contact-btn{color:#fff;background:#168fe0;border-radius:10px;padding:15px 25px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #168fe040}.contact-card{color:#fff;background:#06101f;border-radius:25px;flex-direction:column;justify-content:center;min-height:390px;padding:45px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #0514282e}.contact-card-glow{filter:blur(20px);background:#26a7ff2e;border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.contact-card>span{color:#26a7ff;letter-spacing:3px;font-size:12px;font-weight:700;position:relative}.contact-card h3{margin:20px 0;font-size:42px;line-height:1.1;position:relative}.contact-card h3 strong{color:#26a7ff}.contact-card>p{color:#8798b0;max-width:360px;font-size:14px;line-height:1.7;position:relative}.contact-line{background:#ffffff1a;width:100%;height:1px;margin:30px 0}.contact-mini{align-items:center;gap:14px;display:flex}.contact-mini>span{background:#26a7ff1a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-mini strong{font-size:14px;display:block}.contact-mini small{color:#8191a8;margin-top:4px;display:block}@media (width<=850px){.contact{padding:80px 20px}.contact-container{grid-template-columns:1fr;gap:50px}.contact-card{min-height:330px;padding:35px}}@media (width<=500px){.contact-content h2{font-size:40px}.contact-card h3{font-size:34px}}.footer{color:#fff;background:#030914;padding:75px 8% 25px}.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;max-width:1200px;margin:auto;display:grid}.footer .logo{margin-bottom:18px;font-size:25px;font-weight:800}.footer .logo span{color:#26a7ff}.footer-brand p{color:#8191a8;max-width:330px;margin-bottom:20px;font-size:14px;line-height:1.8}.footer-brand>a{color:#26a7ff;font-size:14px;text-decoration:none}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links h4,.footer-cta h4{margin:0 0 10px;font-size:15px}.footer-links a{color:#8191a8;font-size:13px;text-decoration:none;transition:all .25s}.footer-links a:hover{color:#26a7ff;transform:translate(3px)}.footer-cta p{color:#8191a8;margin:0 0 20px;font-size:14px}.footer-btn{color:#fff;background:#168fe0;border-radius:9px;padding:12px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.footer-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #26a7ff40}.footer-bottom{color:#66778e;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;max-width:1200px;margin:60px auto 0;padding-top:22px;font-size:12px;display:flex}@media (width<=850px){.footer{padding:60px 20px 25px}.footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=550px){.footer-container{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;margin-top:40px}}.menu-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;width:42px;height:42px;padding:9px;display:none}@media (width<=900px){.navbar{position:relative}.nav-btn{display:none}.menu-btn{display:block}.nav-links{opacity:0;visibility:hidden;z-index:999;background:#050f1efa;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;gap:5px;padding:10px;transition:all .3s;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;transform:translateY(-10px)}.nav-links.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{border-radius:9px;width:100%;padding:14px 16px}.nav-links a:hover{background:#26a7ff14}}.menu-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;padding:9px;display:none}.menu-btn span{background:#fff;border-radius:5px;width:22px;height:2px;margin:3px 0;transition:all .3s;display:block}@media (width<=900px){.navbar{position:relative}.nav-btn{display:none!important}.menu-btn{display:flex!important}.nav-links{opacity:0;visibility:hidden;z-index:9999;background:#06101f;border:1px solid #ffffff1a;border-radius:15px;flex-direction:column;gap:5px;padding:10px;transition:all .3s;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;transform:translateY(-10px)}.nav-links.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{color:#fff;border-radius:9px;width:100%;padding:14px 16px;text-decoration:none;display:block}.nav-links a:hover{background:#26a7ff1f}}.menu-btn{cursor:pointer;z-index:10001;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:8px;display:none;position:relative}.menu-btn span{background:#fff;border-radius:5px;width:22px;height:2px;transition:all .3s;display:block}.menu-btn.active span:first-child{transform:translateY(7px)rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=1100px){.navbar{justify-content:space-between;align-items:center;display:flex;position:relative}.nav-links{opacity:0;visibility:hidden;pointer-events:none;z-index:10000;background:#06101f;border:1px solid #ffffff1f;border-radius:15px;flex-direction:column;gap:4px;padding:10px;transition:all .3s;top:calc(100% + 12px);left:0;right:0;transform:translateY(-10px);display:flex!important;position:absolute!important}.nav-links.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-links a{color:#fff;border-radius:9px;width:100%;padding:14px 16px;text-decoration:none}.nav-links a:hover{background:#26a7ff1f}.nav-btn{display:none!important}.menu-btn{display:flex!important}}@media (width<=550px){.navbar{padding-left:18px;padding-right:18px}.logo{font-size:22px}.menu-btn{width:40px;height:40px}.nav-links{left:0;right:0}}.navbar{z-index:99999;background:#06101ff5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;min-height:80px;padding:0 7%;top:0;display:flex!important;position:sticky!important}.menu-btn{cursor:pointer;z-index:999999;background:#0b1c34;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;min-width:42px;height:42px;margin:0 0 0 auto;padding:0;display:none;position:relative}.menu-btn span{border-radius:10px;width:22px;height:2px;background:#fff!important;margin:0!important;padding:0!important;display:block!important}@media (width<=1100px){.navbar{padding:0 5%}.navbar .nav-btn{display:none!important}.navbar .menu-btn{display:flex!important}.navbar .nav-links{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:99998!important;background:#06101f!important;border:1px solid #ffffff26!important;border-radius:15px!important;flex-direction:column!important;gap:3px!important;width:auto!important;margin:0!important;padding:10px!important;transition:all .25s!important;display:flex!important;position:absolute!important;top:calc(100% + 10px)!important;left:5%!important;right:5%!important;transform:translateY(-10px)!important}.navbar .nav-links.mobile-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.navbar .nav-links a{color:#fff!important;border-radius:9px!important;width:100%!important;padding:14px 16px!important;font-size:14px!important;display:block!important}.navbar .nav-links a:hover{background:#26a7ff1f!important}}@media (width<=600px){.navbar{min-height:72px;padding:0 5%}.logo{font-size:24px}.menu-btn{width:40px;height:40px}}@media (width<=1100px){.hero{text-align:center;grid-template-columns:1fr;gap:30px;min-height:auto;padding:70px 6% 80px}.hero-content{width:100%;max-width:750px;margin:0 auto}.badge{margin-bottom:20px}.hero h1{letter-spacing:-2.5px;font-size:clamp(42px,7vw,62px)}.hero p{max-width:650px;margin:0 auto 28px}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-stats{justify-content:center}.hero-visual{width:100%;max-width:650px;min-height:470px;margin:0 auto}.services{padding:90px 6%}.service-grid{grid-template-columns:repeat(2,1fr)}.process,.portfolio{padding:90px 6%}.portfolio-card{grid-template-columns:1fr;gap:45px}.portfolio-visual{min-height:450px}.about{grid-template-columns:1fr;gap:50px;padding:90px 6%}.quote,.contact{padding:90px 6%}.cta{margin-left:6%;margin-right:6%}}@media (width<=700px){body{overflow-x:hidden}.website{width:100%;overflow-x:clip}.navbar{min-height:72px;padding:0 5%}.logo{font-size:23px}.hero{gap:5px;padding:55px 5% 45px}.badge{margin-bottom:18px;padding:8px 13px;font-size:11px}.hero h1{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(38px,11vw,52px);line-height:1.08}.hero p{margin-bottom:25px;font-size:15px;line-height:1.7}.hero-buttons{flex-direction:column;align-items:center;gap:12px;width:100%}.hero-buttons a{text-align:center;width:100%;max-width:320px}.hero-stats{justify-content:space-between;gap:20px;width:100%;margin-top:35px}.hero-stats strong{font-size:25px}.hero-stats span{font-size:11px}.hero-visual{transform-origin:top;height:370px;min-height:370px;margin:-20px auto -90px;transform:scale(.72)}.section-heading{margin-bottom:45px}.section-heading>span{font-size:11px}.section-heading h2{font-size:32px;line-height:1.15}.section-heading p{font-size:14px;line-height:1.7}.services{padding:75px 5%}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:auto;padding:28px 24px}.process{padding:75px 5%}.process-grid{gap:16px;grid-template-columns:1fr!important}.portfolio{padding:75px 5%}.portfolio-card{gap:30px;grid-template-columns:1fr!important}.portfolio-visual{height:360px;min-height:360px}.portfolio-content h3{font-size:34px}.portfolio-content h4{font-size:18px}.portfolio-content p{font-size:14px;line-height:1.7}.project-features{gap:8px}.project-features span{padding:7px 10px;font-size:11px}.faq{padding:75px 5%}.faq-grid{gap:12px;grid-template-columns:1fr!important}.faq-item{padding:20px}.faq-item summary{font-size:14px}.faq-item p{font-size:13px;line-height:1.7}.quote{padding:75px 5%}.quote-container{gap:35px;grid-template-columns:1fr!important}.quote-form{padding:25px 20px}.quote-form input,.quote-form textarea,.quote-form select{width:100%;font-size:14px}.about{gap:35px;padding:75px 5%}.about-content h2{font-size:34px}.about-content p{font-size:14px;line-height:1.7}.about-points{grid-template-columns:1fr!important}.cta{text-align:center;flex-direction:column;gap:25px;margin:0 5% 60px;padding:40px 22px}.cta h2{font-size:30px}.cta p{font-size:14px}.cta>a{text-align:center;width:100%}.contact{padding:75px 5%}.contact-grid{grid-template-columns:1fr!important}footer{text-align:center;flex-direction:column;gap:18px;padding:40px 5%}.footer-links{flex-wrap:wrap;justify-content:center;gap:15px 20px}}@media (width<=400px){.hero{padding-left:4%;padding-right:4%}.hero h1{font-size:36px}.hero-stats{gap:12px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:10px}.hero-visual{margin-bottom:-120px;transform:scale(.62)}.section-heading h2{font-size:29px}.service-card{padding:24px 20px}.cta h2{font-size:27px}}.hero{position:relative;overflow:hidden}.hero:before{content:"";filter:blur(100px);pointer-events:none;background:#2698ff1f;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;left:-180px}.hero:after{content:"";filter:blur(100px);pointer-events:none;background:#2698ff1a;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-180px;right:-180px}.hero-content,.hero-visual{z-index:2;position:relative}.badge{background:#2698ff12;border:1px solid #2698ff40;border-radius:50px;align-items:center;gap:9px;padding:9px 15px;transition:all .3s;display:inline-flex;box-shadow:0 0 25px #2698ff0f}.badge:hover{background:#2698ff1f;border-color:#2698ff80;transform:translateY(-2px)}.hero h1{text-wrap:balance;font-weight:800;line-height:1.04;position:relative}.hero h1 strong,.hero h1 span{color:#2698ff}.hero p{color:#9aabc1;max-width:620px}.hero-buttons a{transition:transform .3s,box-shadow .3s}.hero-buttons a:hover{transform:translateY(-4px)}.hero-buttons .primary-btn,.hero-buttons a:first-child{box-shadow:0 10px 30px #2698ff2e}.hero-buttons .primary-btn:hover,.hero-buttons a:first-child:hover{box-shadow:0 15px 40px #2698ff47}.hero-stats{position:relative}.hero-stats>div{transition:transform .3s}.hero-stats>div:hover{transform:translateY(-4px)}.hero-stats strong{display:block}.hero-visual{isolation:isolate}.hero-visual>*{animation:5s ease-in-out infinite heroFloat}.hero-visual>:nth-child(2){animation-delay:-1.5s}.hero-visual>:nth-child(3){animation-delay:-3s}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.phone-mockup{position:relative;box-shadow:0 30px 80px #00000073,0 0 50px #2698ff14}.floating-card{transition:transform .35s,border-color .35s,box-shadow .35s}.floating-card:hover{border-color:#2698ff66;transform:translateY(-7px)scale(1.02);box-shadow:0 20px 50px #0000004d,0 0 30px #2698ff14}@media (width<=700px){.hero:before{filter:blur(80px);width:300px;height:300px;top:-100px;left:-150px}.hero:after{filter:blur(80px);width:280px;height:280px;bottom:-100px;right:-140px}.hero h1{text-wrap:balance}.hero p{max-width:100%}.hero-buttons a{max-width:340px}.hero-stats{margin-top:30px}.hero-visual{overflow:visible}}@media (prefers-reduced-motion:reduce){.hero-visual>*{animation:none}.hero-buttons a,.floating-card,.badge,.hero-stats>div{transition:none}}.portfolio{position:relative;overflow:hidden}.portfolio:before{content:"";filter:blur(100px);pointer-events:none;background:#26a7ff14;border-radius:50%;width:500px;height:500px;position:absolute;top:20%;left:-220px}.portfolio:after{content:"";filter:blur(100px);pointer-events:none;background:#168cff12;border-radius:50%;width:450px;height:450px;position:absolute;bottom:0;right:-200px}.portfolio-container{z-index:2;position:relative}.portfolio-card{transition:transform .4s,box-shadow .4s}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px #00000040}.portfolio-visual{transition:transform .5s;position:relative}.portfolio-card:hover .portfolio-visual{transform:scale(1.02)}.floating-project-card{cursor:default;transition:transform .35s,box-shadow .35s,background .35s}.floating-project-card:hover{transform:translateY(-8px)scale(1.04);box-shadow:0 22px 45px #00000047}.card-one{animation:4s ease-in-out infinite floatProject,3s ease-in-out infinite cardGlow}.card-two{animation-name:floatProject,cardGlow;animation-duration:4.5s,3.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.8s;animation-fill-mode:none,none;animation-timeline:auto,auto}@keyframes cardGlow{0%,to{box-shadow:0 15px 35px #0000002e}50%{box-shadow:0 18px 42px #26a7ff38}}.project-tag{transition:transform .3s,background .3s}.portfolio-card:hover .project-tag{background:#dff1ff;transform:translate(5px)}.portfolio-content h3{transition:color .3s}.portfolio-card:hover .portfolio-content h3{color:#26a7ff}.project-features span{transition:transform .25s,background .25s,border-color .25s}.project-features span:hover{background:#e7f4ff;border-color:#26a7ff59;transform:translateY(-3px)}.project-link{transition:color .3s,gap .3s;position:relative}.project-link span{transition:transform .3s;display:inline-block}.project-link:hover span{transform:translate(5px,-3px)}@media (width<=700px){.portfolio:before{width:300px;height:300px;left:-150px}.portfolio:after{width:280px;height:280px;right:-140px}.floating-project-card{padding:10px 13px;font-size:9px}.card-one{left:2%}.card-two{right:2%}.portfolio-content{padding:45px 25px}}@media (width<=400px){.floating-project-card{padding:8px 10px;font-size:8px}.card-one{left:0}.card-two{right:0}}@media (prefers-reduced-motion:reduce){.floating-project-card,.card-one,.card-two{animation:none!important}.portfolio-card,.portfolio-visual,.project-tag,.project-features span,.project-link{transition:none!important}}