:root{--deep-blue:#07111f;--ocean:#14345a;--lagoon:#0b6a88;--bright-blue:#138fb0;--cyan-dark:#11b8d7;--cyan-light:#58d9e8;--sky:#c7d7e4;--pale:#e2edf4;--mist:#f4f9fc;--white:#ffffff;--black:#0b1220;--gray:#526172;--ink:#111827;--surface:rgba(255,255,255,0.86);--line:rgba(13,31,52,0.12);--amber:#f4b84a;--violet:#6157d9;--shadow-soft:0 18px 55px rgba(7,17,31,0.12);--shadow-3d:0 28px 70px rgba(7,17,31,0.20)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:linear-gradient(180deg,#f8fafc 0%,#eef4f7 48%,#ffffff 100%);color:var(--deep-blue);line-height:1.5;scroll-behavior:smooth;overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(17,184,215,0.12),transparent 24rem),radial-gradient(circle at 84% 6%,rgba(97,87,217,0.08),transparent 22rem);pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.reveal{opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.2,0.9,0.4,1.1)}.reveal.active{opacity:1;transform:translateY(0)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;position:sticky;top:16px;margin:16px 0 0;background:rgba(255,255,255,0.94);backdrop-filter:blur(20px);border:1px solid rgba(13,31,52,0.10);border-radius:8px;box-shadow:0 16px 45px rgba(7,17,31,0.08);z-index:1000;transition:all 0.3s ease}.navbar::after{display:none}.logo{font-size:1.22rem;font-weight:800;letter-spacing:0;background:linear-gradient(135deg,var(--deep-blue),var(--bright-blue));background-clip:text;-webkit-background-clip:text;color:transparent}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{text-decoration:none;font-weight:600;color:rgba(7,17,31,0.76);transition:0.2s;position:relative;padding:8px 12px;border-radius:8px}.nav-links a::after{display:none}.nav-links a:hover{color:var(--deep-blue);background:rgba(17,184,215,0.09)}.btn-outline{border:1px solid rgba(17,180,215,0.45);padding:9px 18px;border-radius:10px;background:rgba(255,255,255,0.82);backdrop-filter:blur(10px);font-weight:700;color:var(--deep-blue);cursor:pointer;transition:0.25s}.btn-outline:hover{background:var(--deep-blue);color:white;transform:translateY(-1px);box-shadow:0 12px 26px rgba(7,17,31,0.16)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001;background:rgba(255,255,255,0.5);backdrop-filter:blur(4px);padding:8px 10px;border-radius:8px}.hamburger span{width:28px;height:2px;background:var(--deep-blue);transition:all 0.3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:rgba(251,253,255,0.98);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;padding:100px 32px 40px;transition:right 0.3s cubic-bezier(0.2,0.9,0.4,1.1);box-shadow:-22px 0 60px rgba(7,17,31,0.14)}.mobile-menu.active{right:0}.mobile-menu a{text-decoration:none;font-size:1.4rem;font-weight:600;color:var(--deep-blue);padding:16px 0;border-bottom:1px solid var(--mist);transition:0.2s}.mobile-menu a:hover{color:var(--cyan-dark);padding-left:8px}.mobile-menu .btn-outline{margin-top:24px;text-align:center;display:inline-block;width:fit-content;font-family:inherit;font-size:1rem;line-height:1.2;background:rgba(0,180,216,0.1)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:998;opacity:0;visibility:hidden;transition:all 0.3s}.menu-overlay.active{opacity:1;visibility:visible}.scroll-top{position:fixed;bottom:100px;right:20px;background:var(--deep-blue);color:white;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:0.3s;z-index:98;border:none;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.scroll-top.show{opacity:1;visibility:visible}.scroll-top:hover{background:var(--cyan-dark);transform:translateY(-3px)}.sticky-cta{position:fixed;bottom:20px;right:20px;background:linear-gradient(105deg,var(--deep-blue),var(--lagoon));color:white;padding:12px 20px;border-radius:12px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,0.2);z-index:99;display:flex;align-items:center;gap:8px;cursor:pointer;border:none;font-size:0.85rem;transition:all 0.2s}.sticky-cta:hover{transform:translateY(-2px);background:linear-gradient(105deg,var(--deep-blue),var(--cyan-dark));box-shadow:0 16px 30px rgba(7,17,31,0.22)}.hero{padding:76px 0 48px;position:relative}.hero-grid{display:flex;flex-wrap:wrap;gap:56px;align-items:center}.hero-content{flex:1;min-width:320px}.hero-badge{font-size:0.75rem;text-transform:uppercase;letter-spacing:1.6px;color:var(--cyan-dark);font-weight:800;background:rgba(255,255,255,0.76);border:1px solid var(--line);box-shadow:0 12px 30px rgba(7,17,31,0.08);backdrop-filter:blur(14px);display:inline-block;padding:6px 14px;border-radius:8px;margin-bottom:20px}.typewriter-title{font-size:clamp(2.45rem,5vw,4.8rem);font-weight:800;line-height:1.02;margin-bottom:20px;min-height:245px;letter-spacing:0}.typewriter-line{display:block;background:linear-gradient(105deg,var(--deep-blue),var(--lagoon) 56%,var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.typed-cursor{display:inline-block;width:3px;background:var(--cyan-dark);animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-image{flex:0 1 430px;min-height:390px;position:relative;display:grid;place-items:center;padding:34px;color:white;isolation:isolate;perspective:1100px}.hero-image::before{content:'';position:absolute;inset:24px 16px 62px 10px;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,0.14) 1px,transparent 1px),linear-gradient(rgba(255,255,255,0.10) 1px,transparent 1px),linear-gradient(145deg,#07111f 0%,#103e57 56%,#11b8d7 130%);background-size:42px 42px,42px 42px,auto;transform:rotateX(58deg) rotateZ(-9deg);transform-origin:center;box-shadow:var(--shadow-3d);z-index:-2}.hero-image::after{content:'KERNEL STUDIO';position:absolute;top:78px;right:44px;width:230px;height:128px;border-radius:8px;padding:18px;display:flex;align-items:flex-end;color:rgba(255,255,255,0.86);font-family:'Fira Code',monospace;font-size:0.68rem;letter-spacing:0;background:linear-gradient(90deg,var(--cyan-dark) 0 54%,transparent 54% 100%) 18px 28px / 88px 8px no-repeat,linear-gradient(90deg,var(--amber) 0 38%,transparent 38% 100%) 18px 48px / 118px 8px no-repeat,linear-gradient(90deg,var(--violet) 0 74%,transparent 74% 100%) 18px 68px / 142px 8px no-repeat,rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.24);backdrop-filter:blur(14px);box-shadow:0 22px 50px rgba(7,17,31,0.25);transform:rotateX(10deg) rotateY(-16deg) rotateZ(2deg);animation:float 4s ease-in-out infinite}.hero-image i{width:118px;height:118px;display:grid;place-items:center;border-radius:18px;font-size:3.4rem;color:var(--deep-blue);background:linear-gradient(145deg,#ffffff,#d8f8ff);box-shadow:0 25px 60px rgba(7,17,31,0.24);transform:translate(-74px,34px) rotateX(12deg) rotateY(16deg);animation:float 3.8s ease-in-out infinite}.hero-image div{position:absolute;left:42px;bottom:46px;max-width:240px;padding:16px 18px;border-radius:8px;color:var(--deep-blue);background:rgba(255,255,255,0.92);border:1px solid rgba(255,255,255,0.78);box-shadow:0 18px 42px rgba(7,17,31,0.16);backdrop-filter:blur(14px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-title{text-align:center;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;margin-bottom:38px;position:relative;display:inline-block;width:100%}.section-title::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--amber),var(--cyan-dark),var(--violet));border-radius:999px;transition:width 0.4s ease}.section-title:hover::after{width:100px}.packages-section{margin:54px 0 64px;padding:34px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,0.92),rgba(244,249,252,0.88)),radial-gradient(circle at 12% 18%,rgba(17,184,215,0.12),transparent 22rem);box-shadow:0 22px 60px rgba(7,17,31,0.10)}.packages-heading{max-width:820px;margin:0 auto 30px;text-align:center}.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(17,184,215,0.26);border-radius:999px;color:var(--lagoon);background:rgba(255,255,255,0.82);font-size:0.76rem;font-weight:800;text-transform:uppercase}.packages-heading .section-title{margin-bottom:18px}.packages-heading p,.packages-note{color:rgba(20,52,90,0.88);line-height:1.7}.offer-deadline{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 8px;padding:8px 14px;border-radius:999px;background:rgba(244,184,74,0.14);color:var(--deep-blue);border:1px solid rgba(244,184,74,0.34);font-weight:800;font-size:0.9rem}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.package-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:24px;border:1px solid rgba(13,31,52,0.12);border-radius:10px;background:rgba(255,255,255,0.92);box-shadow:0 16px 38px rgba(7,17,31,0.08);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.package-card:hover{transform:translateY(-5px);border-color:rgba(17,184,215,0.35);box-shadow:0 24px 54px rgba(7,17,31,0.14)}.package-featured{border-color:rgba(17,184,215,0.42);box-shadow:0 24px 62px rgba(17,184,215,0.16)}.package-top{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--lagoon)}.package-top i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(17,184,215,0.10);color:var(--deep-blue)}.package-top span{max-width:210px;font-size:0.78rem;font-weight:800;text-transform:uppercase}.package-card h3{font-size:1.35rem;margin-bottom:8px}.package-price{margin-bottom:14px;color:var(--deep-blue);font-size:clamp(2rem,3.2vw,2.55rem);font-weight:800;line-height:1}.package-price-offer{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.old-price{color:rgba(20,52,90,0.48);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:800;text-decoration:line-through;text-decoration-thickness:2px}.new-price{color:var(--deep-blue);font-size:clamp(2rem,3.2vw,2.55rem);font-weight:800}.package-price small{font-size:0.9rem;color:var(--lagoon);font-weight:800}.package-card p:not(.package-price){margin-bottom:18px;color:rgba(20,52,90,0.86);line-height:1.65}.package-card ul{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.package-card li{position:relative;padding-left:24px;color:rgba(7,17,31,0.78);font-size:0.92rem}.package-card li::before{content:'';position:absolute;top:0.55em;left:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--cyan-dark))}.package-info-btn,.package-cta{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 14px;border-radius:8px;font-weight:800;cursor:pointer;transition:0.22s ease}.package-info-btn{margin-top:auto;margin-bottom:10px;border:1px solid rgba(17,184,215,0.35);background:rgba(255,255,255,0.86);color:var(--deep-blue)}.package-cta{background:var(--deep-blue);color:white;text-decoration:none}.package-info-btn:hover{background:rgba(17,184,215,0.10);border-color:rgba(17,184,215,0.55);transform:translateY(-2px)}.package-cta:hover{background:var(--lagoon);transform:translateY(-2px)}.packages-note{max-width:900px;margin:24px auto 0;text-align:center;font-size:0.92rem}.package-info-modal .case-study-block p{min-height:76px}.package-info-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.package-info-list li{position:relative;padding-left:20px;color:rgba(20,52,90,0.9);line-height:1.45}.package-info-list li::before{content:'';position:absolute;top:0.58em;left:0;width:7px;height:7px;border-radius:50%;background:var(--cyan-dark)}.portfolio-controls{display:flex;justify-content:center;gap:10px;margin:-12px 0 28px}.portfolio-tab{border:1px solid var(--line);background:rgba(255,255,255,0.82);color:rgba(7,17,31,0.72);padding:10px 18px;border-radius:8px;font-weight:800;text-transform:uppercase;font-size:0.78rem;letter-spacing:0;cursor:pointer;transition:0.22s ease}.portfolio-tab:hover,.portfolio-tab.active{background:var(--deep-blue);color:white;border-color:var(--deep-blue);box-shadow:0 12px 28px rgba(7,17,31,0.14)}.portfolio-carousel-wrap{position:relative;margin:0 0 40px}.portfolio-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 26px;scrollbar-width:thin;scrollbar-color:rgba(17,184,215,0.5) transparent}.portfolio-track::-webkit-scrollbar{height:8px}.portfolio-track::-webkit-scrollbar-thumb{background:rgba(17,184,215,0.42);border-radius:999px}.portfolio-track .portfolio-card{flex:0 0 min(430px,88vw);scroll-snap-align:start}.portfolio-card-fallback{padding-top:224px !important;min-height:390px}.portfolio-card-fallback::after{content:attr(data-placeholder);position:absolute;top:28px;left:28px;right:28px;height:168px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(7,17,31,0.96),rgba(11,106,136,0.94));color:white;font-size:1.55rem;font-weight:800;text-align:center;pointer-events:none;z-index:0}.portfolio-card-fallback>*{position:relative;z-index:1}.portfolio-card.hidden{display:none}.portfolio-category{display:inline-flex;align-items:center;width:fit-content;margin:0 0 12px;padding:6px 10px;border-radius:8px;background:rgba(17,184,215,0.10);color:var(--lagoon);font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.portfolio-case-btn{margin-top:18px;width:100%;border:1px solid rgba(17,184,215,0.35);background:rgba(255,255,255,0.86);color:var(--deep-blue);border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer;transition:0.22s ease}.portfolio-case-btn:hover{background:var(--deep-blue);color:white;border-color:var(--deep-blue);box-shadow:0 12px 28px rgba(7,17,31,0.14)}.portfolio-arrow{position:absolute;top:44%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.92);color:var(--deep-blue);box-shadow:0 14px 28px rgba(7,17,31,0.12);cursor:pointer;z-index:2;transition:0.2s ease}.portfolio-arrow:hover{background:var(--deep-blue);color:white}.portfolio-prev{left:-14px}.portfolio-next{right:-14px}.services-grid,.portfolio-grid,.faq-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:40px 0}.service-card,.portfolio-card,.faq-card,.blog-card,.process-item{background:var(--surface);backdrop-filter:blur(16px);border-radius:8px;padding:28px;border:1px solid var(--line);transition:transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease;min-width:240px;box-shadow:0 8px 24px rgba(7,17,31,0.06);position:relative;overflow:hidden}.service-card::before,.portfolio-card::before,.faq-card::before,.blog-card::before,.process-item::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--cyan-dark),var(--amber),var(--violet));opacity:0;transition:opacity 0.28s ease}.service-card:hover,.portfolio-card:hover,.faq-card:hover,.blog-card:hover,.process-item:hover{transform:translateY(-8px) rotateX(1deg);border-color:rgba(17,184,215,0.34);background:rgba(255,255,255,0.96);box-shadow:var(--shadow-soft)}.service-card:hover::before,.portfolio-card:hover::before,.faq-card:hover::before,.blog-card:hover::before,.process-item:hover::before{opacity:1}.service-card i,.portfolio-card i,.faq-card i,.blog-card i,.tech-icons i{transition:all 0.3s ease;display:inline-block;font-size:2.2rem;margin-bottom:16px;color:var(--bright-blue);background:rgba(17,184,215,0.10);width:54px;height:54px;border-radius:8px;place-items:center;text-align:center;line-height:54px}.service-card:hover i,.portfolio-card:hover i,.faq-card:hover i,.blog-card:hover i,.tech-icons i:hover{transform:translateY(-2px);color:var(--cyan-dark);background:rgba(17,184,215,0.16)}.service-card h3,.portfolio-card h3,.faq-card h3,.blog-card h3{margin-bottom:12px;font-size:1.18rem;letter-spacing:0}.service-card h3 a{color:inherit;text-decoration:none}.service-card h3 a:hover{color:var(--lagoon)}.service-paths{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.service-paths a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.82);color:var(--deep-blue);font-weight:800;text-decoration:none;transition:0.22s ease}.service-paths a:hover{transform:translateY(-2px);border-color:rgba(17,184,215,0.42);box-shadow:0 12px 24px rgba(7,17,31,0.08)}.service-card p,.portfolio-card p,.faq-card p,.blog-card p{color:rgba(20,52,90,0.88);font-size:0.9rem;line-height:1.5}.portfolio-card img{width:100%;border-radius:8px;margin-bottom:16px;height:clamp(215px,18vw,260px);object-fit:contain;object-position:top center;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(244,249,252,0.96)),radial-gradient(circle at 15% 10%,rgba(17,184,215,0.12),transparent 34%);border:1px solid rgba(13,31,52,0.08);padding:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.72);transition:transform 0.3s,filter 0.3s;filter:saturate(0.98) contrast(1.03)}.portfolio-card:hover img{transform:translateY(-2px);filter:saturate(1) contrast(1.06)}.tech-marquee{overflow:hidden;max-width:900px;margin:30px auto 0;padding:4px 0 12px;mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%)}.tech-icons{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;width:max-content;animation:techMarquee 24s linear infinite}.tech-icons i{font-size:1.65rem;color:var(--lagoon);background:rgba(255,255,255,0.74);border:1px solid var(--line);box-shadow:0 8px 18px rgba(7,17,31,0.06);transition:all 0.3s;cursor:pointer}.process-section{background:linear-gradient(90deg,rgba(7,17,31,0.04) 1px,transparent 1px),linear-gradient(115deg,#ffffff,var(--mist));background-size:48px 48px,auto;border:1px solid var(--line);border-radius:10px;padding:50px 40px;margin:50px 0}.process-flex{display:flex;flex-wrap:wrap;gap:28px}.process-number{width:48px;height:48px;background:linear-gradient(145deg,var(--deep-blue),var(--lagoon));color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;margin:0 auto 20px;transition:transform 0.3s}.process-item:hover .process-number{transform:scale(1.05)}.form-section{background:linear-gradient(135deg,rgba(255,255,255,0.94),rgba(244,249,252,0.92));backdrop-filter:blur(16px);border-radius:10px;padding:44px;margin:50px 0;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.form-group{margin-bottom:20px;position:relative}.form-label{display:block;margin-bottom:8px;color:var(--deep-blue);font-size:0.9rem;font-weight:700}.form-help{display:block;margin-top:4px;color:var(--ocean);font-size:0.78rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border-radius:8px;border:1px solid var(--line);font-family:'Inter',sans-serif;transition:all 0.2s;background:rgba(255,255,255,0.94)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--cyan-dark);box-shadow:0 0 0 3px rgba(0,180,216,0.15)}.form-group select{color:var(--deep-blue);cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:12px;font-size:0.8rem;margin-bottom:20px;flex-wrap:wrap}.checkbox-group a{color:var(--cyan-dark);text-decoration:none;font-weight:600;cursor:pointer}.form-btn{background:linear-gradient(105deg,var(--deep-blue),var(--lagoon));color:white;padding:14px;border-radius:10px;font-weight:700;border:none;width:100%;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;font-size:1rem}.form-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.5s,height 0.5s}.form-btn:active::after{width:200px;height:200px}.form-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(7,17,31,0.18)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:35px 0;border-top:1px solid var(--line);font-size:0.8rem;background:rgba(255,255,255,0.62)}.toast-msg{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--deep-blue);color:white;padding:10px 20px;border-radius:8px;font-size:0.8rem;z-index:1000;opacity:0;transition:opacity 0.3s;pointer-events:none}.btn-container{min-height:48px;margin-top:16px}.code-typing-container{font-family:'Fira Code',monospace;background:#07111f;color:var(--cyan-light);padding:10px 18px;border-radius:8px;font-size:0.75rem;display:inline-flex;align-items:center;gap:8px}.real-button{background:linear-gradient(105deg,var(--deep-blue),var(--lagoon));color:white;padding:12px 22px;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:all 0.2s;animation:fadeSlideIn 0.4s forwards;opacity:0;transform:translateY(10px);position:relative;overflow:hidden;font-size:0.92rem}.real-button::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.25);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}.real-button:active::after{width:150px;height:150px}.real-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(7,17,31,0.18)}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center}.modal-content{background:white;max-width:500px;width:90%;border-radius:10px;padding:32px;position:relative;max-height:80vh;overflow-y:auto}.modal-heading{font-size:1.25rem;line-height:1.25;margin-bottom:14px}.case-study-modal{max-width:860px;padding:34px;box-shadow:var(--shadow-3d)}.case-study-close{position:absolute;top:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.9);color:var(--deep-blue);cursor:pointer}.tech-marquee:hover .tech-icons{animation-play-state:paused}@keyframes techMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}.case-study-label{display:inline-flex;width:fit-content;margin-bottom:12px;padding:6px 10px;border-radius:8px;background:rgba(17,184,215,0.10);color:var(--lagoon);font-size:0.72rem;font-weight:800;text-transform:uppercase}.case-study-heading{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:800;line-height:1.1;margin:0 48px 24px 0}.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-study-block,.case-study-result{border:1px solid var(--line);border-radius:8px;background:rgba(244,249,252,0.78);padding:18px}.case-study-block span,.case-study-result span{display:block;margin-bottom:8px;color:var(--lagoon);font-size:0.74rem;font-weight:800;text-transform:uppercase}.case-study-block p,.case-study-result p{color:rgba(20,52,90,0.9);font-size:0.92rem;line-height:1.55}.case-study-result{margin-top:16px;background:linear-gradient(135deg,rgba(7,17,31,0.96),rgba(11,106,136,0.94));color:white}.case-study-result span,.case-study-result p{color:white}.modal-close{background:var(--deep-blue);color:white;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;margin-top:16px;width:100%}.highlight{background:linear-gradient(120deg,rgba(0,180,216,0.15),transparent);padding:0 4px;border-radius:4px}.price-tag{font-weight:800;color:var(--cyan-dark)}.landing-page .container{max-width:1240px}.landing-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,0.9fr);align-items:center;gap:36px;padding:72px 0 56px}.landing-eyebrow{display:inline-flex;width:fit-content;margin-bottom:16px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.82);color:var(--lagoon);font-size:0.76rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.landing-copy h1{max-width:820px;font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.02;margin-bottom:22px}.landing-copy p,.landing-final p{max-width:720px;color:rgba(20,52,90,0.9);font-size:1.12rem;line-height:1.7}.landing-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.landing-cta,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:10px;font-weight:800;text-decoration:none;transition:0.22s ease}.landing-cta{background:var(--deep-blue);color:white;box-shadow:0 16px 30px rgba(7,17,31,0.18)}.landing-secondary{border:1px solid var(--line);background:rgba(255,255,255,0.78);color:var(--deep-blue)}.landing-cta:hover,.landing-secondary:hover{transform:translateY(-2px)}.landing-visual{min-height:430px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(255,255,255,0.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,0.10) 1px,transparent 1px),linear-gradient(135deg,var(--deep-blue),var(--lagoon));background-size:42px 42px,42px 42px,auto;box-shadow:var(--shadow-3d)}.landing-visual i{color:white;font-size:clamp(5rem,12vw,9rem);opacity:0.82}.landing-section,.landing-final{margin:28px 0;padding:46px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,0.82);box-shadow:0 12px 34px rgba(7,17,31,0.06)}.landing-section h2,.landing-final h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:22px}.landing-grid,.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.landing-card,.landing-step,.landing-note{border:1px solid var(--line);border-radius:8px;background:rgba(244,249,252,0.82);padding:20px}.landing-card i{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--lagoon);background:linear-gradient(145deg,rgba(0,180,216,0.14),rgba(45,212,191,0.08));border:1px solid rgba(0,180,216,0.18);box-shadow:0 14px 28px rgba(6,35,68,0.08);margin-bottom:14px}.landing-card p,.landing-step p,.landing-note p{color:rgba(20,52,90,0.9)}.landing-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,0.9fr);gap:24px;align-items:start}.landing-list{list-style:none;display:grid;gap:12px}.landing-resource{margin-top:18px}.landing-resource a{color:var(--cyan-dark);font-weight:700;text-decoration:none}.landing-resource a:hover{color:var(--deep-blue)}.landing-list li{position:relative;padding-left:28px;color:rgba(20,52,90,0.92);font-weight:600}.landing-list li::before{content:"";position:absolute;left:0;top:0.62em;width:10px;height:10px;border-radius:50%;background:var(--cyan-dark)}.landing-step span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:12px;border-radius:8px;background:var(--deep-blue);color:white;font-weight:800}.landing-final{text-align:center;background:linear-gradient(135deg,rgba(7,17,31,0.96),rgba(11,106,136,0.94));color:white}.landing-final p{margin:0 auto 22px;color:rgba(255,255,255,0.9)}.landing-final .landing-cta{background:white;color:var(--deep-blue)}@media (max-width:980px){.landing-hero,.landing-split{grid-template-columns:1fr}.landing-grid,.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid,.portfolio-grid,.faq-grid,.blog-grid,.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-featured{grid-column:span 2}}@media (max-width:768px){.landing-hero{min-height:auto;padding:44px 0 30px}.landing-visual{min-height:260px}.landing-section,.landing-final{padding:24px 18px}.landing-grid,.landing-steps{grid-template-columns:1fr}.nav-links{display:none}.hamburger{display:flex}.logo{font-size:1.5rem}.typewriter-title{font-size:2rem;min-height:126px}.section-title{font-size:1.6rem}.hero-grid{gap:24px}.hero-image{min-height:360px;flex-basis:100%;padding:20px}.hero-image::before{inset:28px 8px 62px}.hero-image::after{top:26px;right:24px;width:212px;height:112px}.hero-image i{width:92px;height:92px;font-size:2.5rem;transform:translate(-52px,24px) rotateX(12deg) rotateY(16deg)}.hero-image div{left:22px;bottom:12px;max-width:216px;z-index:1}.services-grid,.portfolio-grid,.faq-grid,.blog-grid,.packages-grid{grid-template-columns:1fr}.packages-section{padding:24px 16px;margin:42px 0 52px}.package-featured{grid-column:auto}.container{padding:0 16px}.process-section{padding:30px 20px}.form-section{padding:24px}.service-card,.portfolio-card,.faq-card,.blog-card,.package-card,.process-item{min-width:100%;width:100%;padding:20px}.portfolio-track .portfolio-card{flex-basis:min(360px,86vw)}.portfolio-card img{height:198px;padding:8px}.case-study-modal{padding:26px 18px}.case-study-grid{grid-template-columns:1fr}.case-study-heading{margin-right:42px}}@media (max-width:640px){.sticky-cta{padding:8px 14px;font-size:0.7rem;right:12px;bottom:12px}.scroll-top{bottom:80px;right:12px;width:40px;height:40px}}.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:2000;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:980px;margin:0 auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,0.96);box-shadow:var(--shadow-3d)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:6px 0;color:rgba(20,52,90,0.9);font-size:0.9rem}.cookie-banner a{color:var(--lagoon);font-weight:700}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions button{min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid var(--line);font-weight:800;cursor:pointer}#cookieAccept{background:var(--deep-blue);color:white}#cookieReject{background:white;color:var(--deep-blue)}.legal-content,.thanks-content{max-width:850px;margin:72px auto;padding:42px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,0.88);box-shadow:0 18px 55px rgba(7,17,31,0.10)}.legal-content h1,.thanks-content h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin-bottom:20px}.legal-content h2{margin:28px 0 10px}.legal-content p,.thanks-content p{color:rgba(20,52,90,0.9);line-height:1.7}@media (max-width:768px){.cookie-banner{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch}.cookie-actions{width:100%}.cookie-actions button{flex:1}.legal-content,.thanks-content{margin:42px auto;padding:24px 18px}}