:root{--primary:#398b42;--primary-dark:#2d7034;--secondary:#465b65;--secondary-light:#607d8b;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#f8fafc;--bg-light:#f8fafc;--bg-white:#fff;--border-light:#e2e8f0;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--border-radius:8px;--border-radius-lg:16px;--transition:all .3s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-bg-light{background-color:var(--bg-light)}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.section-title .highlight{color:var(--primary)}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.btn{transition:var(--transition);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-outline{border:2px solid var(--border-light);color:var(--text-dark);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-secondary{color:var(--secondary);background-color:#fff}.btn-secondary:hover{background-color:var(--bg-light);box-shadow:var(--shadow);transform:translateY(-2px)}.overlay-menu-wrapper{z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.overlay-bg{filter:blur(10px)brightness(.9);z-index:1;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.overlay-bg:after{content:"";background-color:#ffffffbf;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-content{z-index:2;flex-direction:column;width:100%;max-width:1200px;height:100%;padding:4rem 2rem;display:flex;position:relative}.close-btn{color:var(--text-dark);cursor:pointer;z-index:10;transition:var(--transition);background:0 0;border:none;position:absolute;top:2rem;right:2rem}.close-btn:hover{color:var(--primary);transform:scale(1.1)}.overlay-grid{flex:1;grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=768px){.overlay-grid{grid-template-columns:1fr 1fr}}.overlay-nav ul{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.overlay-link{color:var(--text-dark);text-shadow:none;transition:var(--transition);font-size:2rem;font-weight:800}.overlay-link:hover,.overlay-link.active{color:var(--primary)}.overlay-contact{color:var(--text-dark)}.overlay-contact h3{margin-bottom:1rem;font-size:2rem}.overlay-contact p{max-width:400px;margin-bottom:2rem;font-size:1rem;line-height:1.6}.contact-details{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.contact-details a{transition:var(--transition);font-size:1.25rem;font-weight:500}.contact-details a:hover{color:var(--primary)}.overlay-social{gap:1rem;display:flex}.overlay-social a{color:#fff;width:40px;height:40px;transition:var(--transition);background-color:#000;border-radius:8px;justify-content:center;align-items:center;display:flex}.overlay-social a:hover{background-color:var(--primary);transform:translateY(-3px)}.navbar{z-index:1000;background-color:#0000;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background-color:#fffffff2;padding:1rem 0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo-wrapper{align-items:center;text-decoration:none;display:flex}.site-logo{width:auto;height:48px;transition:transform .3s;display:block}.logo-wrapper:hover .site-logo{transform:scale(1.05)}.desktop-nav{display:none}@media (width>=992px){.desktop-nav{align-items:center;gap:2rem;display:flex}}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-link{color:var(--text-dark);font-size:.9375rem;font-weight:500;position:relative}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.mobile-menu-btn{color:var(--text-dark);display:block}@media (width>=992px){.mobile-menu-btn{display:none}}.mobile-nav{border-bottom:1px solid var(--border-light);background-color:#fff;overflow:hidden}.mobile-nav-links{flex-direction:column;gap:1rem;padding:1rem 1.5rem;list-style:none;display:flex}.mobile-nav-link{color:var(--text-dark);font-size:1.125rem;font-weight:500;display:block}.mobile-nav-link:hover{color:var(--primary)}.mobile-nav-cta{width:100%;margin-top:1rem}.hero{background-color:#fafafa;align-items:center;min-height:100vh;padding:8rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(100px);opacity:.5;border-radius:50%;position:absolute}.shape-1{background:linear-gradient(135deg,#1e3a8a66,#10b9811a);width:600px;height:600px;top:-10%;left:-10%}.shape-2{background:linear-gradient(135deg,#10b9814d,#1e3a8a33);width:700px;height:700px;bottom:-20%;right:-10%}.hero-container{z-index:10;grid-template-columns:1fr;align-items:center;gap:4rem;display:grid;position:relative}@media (width>=1200px){.hero-container{grid-template-columns:.85fr 1.35fr}}.hero-content{position:relative}.title-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#fff0 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{color:var(--text-dark);perspective:1000px;margin-bottom:1.5rem;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.word{white-space:nowrap;display:inline-block}.letter{display:inline-block}.letter.highlight{color:#398b42}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.rotating-text-wrapper{overflow-anchor:none;align-items:flex-start;height:7rem;margin-bottom:2rem;display:flex;position:relative}.rotating-text-container{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute}.rotating-text{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:.25rem .75rem;font-size:1.25rem;font-weight:700;display:inline-block;box-shadow:0 0 15px #10b9814d}.rotating-desc{color:var(--text-muted);max-width:420px;padding-left:.75rem;font-size:.95rem;line-height:1.5}.hero-cta{flex-wrap:wrap;gap:1.25rem;margin-bottom:3rem;display:flex}.btn-lg{border-radius:999px;padding:1rem 2rem;font-size:1.125rem}.icon-blue{color:var(--secondary)}.hero-clients{align-items:center;gap:1.25rem;display:flex}.client-avatars{display:flex}.client-avatars img{width:48px;height:48px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%;margin-left:-15px}.client-avatars img:first-child{margin-left:0}.client-text{flex-direction:column;display:flex}.client-text strong{color:var(--text-dark);font-size:1rem}.client-text span{color:var(--text-muted);font-size:.875rem}.hero-image-wrapper{perspective:1000px}.illustration-container{width:100%;transform-style:preserve-3d;position:relative}.hero-3d-image{object-fit:cover;border:1px solid #ffffff80;border-radius:24px;width:100%;box-shadow:0 30px 60px -15px #1e3a8a4d}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;box-shadow:0 15px 35px #0000001a}.gc-1{animation:6s ease-in-out infinite alternate float;top:-20px;left:-30px}.gc-2{animation:7s ease-in-out infinite alternate-reverse float;bottom:20px;right:-30px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.gc-icon{font-size:1.5rem}.gc-text{flex-direction:column;display:flex}.gc-text strong{color:var(--text-dark);font-size:1.125rem}.gc-text span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.scroll-indicator{z-index:10;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--text-muted);cursor:pointer;border-radius:16px;justify-content:center;align-items:flex-start;width:32px;height:48px;padding-top:6px;transition:border-color .3s;display:flex}.mouse:hover{border-color:var(--primary)}.mouse-wheel{color:var(--primary);margin-top:2px}.google-search-mockup{background:#fff;border:1px solid #00000014;border-radius:20px;min-height:380px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #1e3a8a40}.google-search-mockup:hover{transform:translateY(-6px);box-shadow:0 30px 70px -15px #10b98140}.browser-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:15px;padding:12px 18px;display:flex}.browser-dots{gap:7px;display:flex}.browser-dots .dot{border-radius:50%;width:11px;height:11px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.browser-address-bar{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:20px;flex-grow:1;align-items:center;gap:8px;padding:6px 16px;font-family:monospace;font-size:.82rem;display:flex}.browser-viewport{justify-content:center;align-items:center;min-height:310px;padding:30px 22px;display:flex;position:relative}.google-search-view{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.google-logo{letter-spacing:-2px;margin-bottom:22px;font-family:Arial,sans-serif;font-size:2.8rem;font-weight:800}.google-search-input-box{background:#fff;border:1px solid #dfe1e5;border-radius:30px;align-items:center;width:100%;max-width:480px;padding:10px 18px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 18px #00000014}.google-search-input-box:hover{border-color:#4285f466;box-shadow:0 6px 24px #0000001f}.search-icon-left{color:#9aa0a6;margin-right:10px;font-size:1.1rem}.google-search-input-box input{color:#202124;background:0 0;border:none;outline:none;width:100%;font-size:.95rem;font-weight:600}.blinking-cursor{color:#4285f4;margin-left:2px;font-size:1.2rem;font-weight:300;animation:.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.search-box-icons{gap:8px;margin-left:8px;font-size:1.05rem;display:flex}.google-suggestions-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;margin-top:10px;overflow:hidden;box-shadow:0 10px 25px #0000001f}.suggestion-item{color:#334155;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 18px;font-size:.88rem;display:flex}.suggestion-item.highlight{color:var(--primary);background:#f8fafc;font-weight:600}.google-buttons-row{justify-content:center;gap:12px;margin-top:18px;display:flex}.google-btn{color:#3c4043;cursor:pointer;background:#f8f9fa;border:1px solid #f8f9fa;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.google-btn:hover,.google-btn.primary{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 6px #0000001a}.simulated-cursor{pointer-events:none;z-index:20;font-size:1.5rem;position:absolute}.google-results-view{text-align:left;width:100%}.results-header-bar{border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:12px;display:flex}.small-google-logo{font-family:Arial,sans-serif;font-size:1.3rem;font-weight:800}.small-search-box{color:#1e293b;background:#f1f5f9;border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:600}.google-result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.result-site-info{align-items:center;gap:10px;margin-bottom:8px;display:flex}.result-favicon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.site-name{color:#1e293b;font-size:.85rem;font-weight:700;display:block}.site-url{color:#64748b;font-size:.78rem;display:block}.result-title{color:#1a0dab;margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.35}.result-snippet{color:#475569;margin-bottom:12px;font-size:.85rem;line-height:1.5}.result-badges{gap:10px;margin-bottom:12px;display:flex}.badge-rating{color:#92400e;background:#fef3c7;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:700}.badge-verified{color:#166534;background:#dcfce7;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:700}.result-sitelinks{border-top:1px dashed #cbd5e1;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px;display:grid}.sitelink-item strong{color:#1a0dab;font-size:.82rem;display:block}.sitelink-item span{color:#64748b;font-size:.72rem}.xiteb-hero-showcase{align-items:flex-end;gap:20px;width:100%;display:flex;position:relative}.xiteb-laptop-device{background:#0f172a;border:1px solid #ffffff1a;border-radius:20px 20px 0 0;flex:1;padding:12px 12px 0;position:relative;box-shadow:0 30px 80px #0f172a59}.laptop-screen-bezel{background:#020617;border-radius:12px 12px 0 0;padding-top:22px;position:relative;overflow:hidden}.webcam-dot{background:#334155;border:1px solid #475569;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.laptop-screen-content{border-radius:6px 6px 0 0;overflow:hidden}.laptop-base-deck{background:linear-gradient(#334155 0%,#1e293b 100%);border-radius:0 0 16px 16px;justify-content:center;height:18px;margin:0 -12px;display:flex;position:relative;box-shadow:0 8px 25px #00000040}.trackpad-notch{background:#0f172a;border-radius:0 0 4px 4px;width:60px;height:4px}.xiteb-desk-photo-widget{z-index:25;flex-shrink:0;width:320px;position:relative}.xiteb-photo-frame{background:#fff;border:2px solid #fffffff2;border-radius:22px;padding:10px;transition:transform .35s,box-shadow .35s;position:relative;box-shadow:0 25px 60px #0003}.xiteb-photo-frame:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 30px 70px #10b98147}.xiteb-desk-img{object-fit:cover;border-radius:16px;width:100%;height:270px;display:block}.xiteb-photo-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f172ae0;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:8px;padding:6px 16px;font-size:.82rem;font-weight:700;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 6px 16px #00000040}.live-pulse{color:#10b981;font-size:.85rem;animation:1.5s infinite pulse}.xiteb-accent-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0f172a;z-index:35;background:#ffffffeb;border:1px solid #ffffffe6;border-radius:20px;padding:8px 16px;font-size:.82rem;font-weight:700;position:absolute;box-shadow:0 12px 30px #0000001f}.xiteb-accent-badge.top-left{top:-20px;left:-20px}.xiteb-accent-badge.bottom-right{bottom:-20px;right:-20px}@media (width<=1100px){.xiteb-hero-showcase{flex-direction:column;align-items:center}.xiteb-desk-photo-widget{width:100%;max-width:380px;margin-top:20px}.xiteb-desk-img{height:230px}}@media (width<=768px){.rotating-text-wrapper{height:11rem}.hero-container{gap:2rem}.hero{padding:6rem 0 4rem}.result-sitelinks{grid-template-columns:1fr}.google-logo{font-size:2.2rem}.hero-subtitle{font-size:1rem}}.trusted-by{border-bottom:1px solid var(--border-light);background-color:#fff;padding:3rem 0}.trusted-text{text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem;font-size:.75rem;font-weight:700}.trusted-logos{opacity:.7;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}@media (width>=768px){.trusted-logos{justify-content:space-between}}.logo-placeholder{color:var(--text-dark);filter:grayscale();transition:var(--transition);cursor:pointer;font-size:1.25rem;font-weight:800}.logo-placeholder:hover{filter:grayscale(0%);color:var(--primary)}.detailed-services{background-color:var(--background);padding:100px 0;overflow-x:hidden}.services-header{margin-bottom:60px}.services-subtitle{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;font-weight:700}.services-title{margin-bottom:1.5rem;font-size:2.5rem}.detailed-services-list{flex-direction:column;gap:80px;display:flex}.detailed-service-row{align-items:center;gap:60px;display:flex}.detailed-service-row.reverse-row{flex-direction:row-reverse}.detailed-service-image-col{flex:1;width:50%}.detailed-service-content-col{flex:1;width:50%;padding:20px}.image-container{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.image-container img{object-fit:cover;width:100%;height:400px;transition:transform .7s;display:block}.image-container:hover img{transform:scale(1.05)}.image-overlay{pointer-events:none;background:linear-gradient(90deg,#0000001a,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.service-main-title{color:var(--primary);margin-bottom:20px;font-size:2.5rem;font-weight:800}.service-sub-title{color:var(--text-dark);border-bottom:2px solid rgba(var(--primary-rgb), .2);margin-bottom:25px;padding-bottom:10px;font-size:1.25rem;font-weight:600;display:inline-block}.service-full-desc{color:var(--secondary);opacity:1;margin-bottom:25px;font-size:1.05rem;font-weight:400;line-height:1.7}@media (width<=992px){.detailed-service-row,.detailed-service-row.reverse-row{flex-direction:column;gap:40px}.detailed-service-image-col,.detailed-service-content-col{width:100%}.image-container img{height:300px}.service-main-title{font-size:2rem}}.fullscreen-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.fullscreen-modal-close{color:var(--secondary);cursor:pointer;z-index:100001;background:#0000000d;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:24px;right:32px}.fullscreen-modal-close:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(90deg)}.fullscreen-modal-content{-webkit-backdrop-filter:blur(16px);width:100vw;height:100vh;box-shadow:none;background:#fffffffa;display:flex;overflow:hidden}.fullscreen-modal-content.vertical-layout{flex-direction:column;padding:0;overflow:hidden auto}.modal-split-hero{background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:55vh;padding:4rem;display:flex}.modal-split-text{flex:1}.modal-split-text h3{color:var(--secondary);margin-bottom:.5rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700}.modal-split-text h1{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.text-black{color:var(--secondary);font-weight:900}.text-green{color:var(--primary);font-weight:900}.modal-split-subtitle{color:var(--secondary);margin-bottom:2.5rem;font-size:1.2rem}.quote-btn{border:1px solid var(--secondary);color:var(--secondary);cursor:pointer;background:0 0;border-radius:999px;padding:12px 28px;font-size:1.1rem;font-weight:500;transition:all .3s}.quote-btn:hover{background:var(--secondary);color:#fff}.modal-split-image{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.modal-split-image img{object-fit:contain;filter:drop-shadow(-20px 20px 30px #00000026);max-width:80%;height:auto;max-height:55vh;margin-top:3rem;transition:transform .5s}.modal-split-image img:hover{transform:scale(1.05)}.modal-scrollable-body{background:#fff;flex-direction:column;gap:3rem;padding:2rem 4rem 4rem;display:flex}.modal-details-section{z-index:10;background:#fff;border-radius:20px;max-width:1000px;margin:0 auto;padding:3rem;position:relative;box-shadow:0 20px 40px #00000014}.modal-service-title{color:var(--secondary);margin-bottom:8px;font-size:2.8rem;font-weight:800}.modal-service-subtitle{color:var(--primary);margin-bottom:24px;font-size:1.25rem;font-weight:600}.modal-service-desc{color:var(--secondary);margin-bottom:32px;font-size:1.15rem;line-height:1.8}.modal-features-list h3{color:var(--secondary);margin-bottom:20px;font-size:1.6rem;font-weight:700}.modal-features-list ul{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:0;list-style:none;display:grid}.modal-features-list li{color:var(--secondary);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:1.05rem;line-height:1.5;display:flex}.feature-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.modal-gallery-grid-section{width:100%;max-width:1200px;margin:0 auto}.modal-gallery-grid-section h3{color:var(--secondary);text-align:center;margin-bottom:30px;font-size:2rem;font-weight:800}.modal-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.gallery-grid-card{background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.gallery-grid-card:hover{transform:translateY(-10px)}.gallery-grid-image{width:100%;height:220px;overflow:hidden}.gallery-grid-image img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .5s}.gallery-grid-card:hover .gallery-grid-image img{transform:scale(1.1)}.gallery-grid-info{padding:20px}.gallery-grid-info h4{color:var(--secondary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.gallery-grid-info p{color:var(--secondary);font-size:.95rem;line-height:1.5}@media (width<=992px){.modal-split-hero{text-align:center;flex-direction:column;justify-content:flex-start;gap:2rem;padding:5rem 2rem 3rem}.modal-split-text{flex-direction:column;align-items:center;display:flex}.modal-scrollable-body{padding:0 2rem 3rem}.modal-details-section{margin-top:0;padding:2rem}.modal-features-list ul{grid-template-columns:1fr}}@media (width<=768px){.modal-scrollable-body{padding:0 1rem 2rem}.modal-details-section{padding:1.5rem}.modal-service-title{font-size:2rem}}.service-detail-page{background-color:var(--background);color:var(--text-dark);padding-top:90px;overflow-x:hidden}.service-detail-hero{background:linear-gradient(135deg, rgba(var(--primary-rgb), .05) 0%, rgba(var(--background-rgb), 1) 100%);border-bottom:1px solid #0000000f;padding:80px 0 100px;position:relative}.service-detail-hero-backdrop{pointer-events:none;background:radial-gradient(circle at 100% 0,#00c85314,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:0}.service-detail-hero-container{z-index:2;position:relative}.back-btn{color:var(--text-dark);cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:30px;align-items:center;gap:8px;margin-bottom:40px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000000a}.back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-4px)}.service-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.service-badge{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;background:#00c8531a;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.service-detail-title{color:var(--text-dark);margin-bottom:15px;font-size:3rem;font-weight:800;line-height:1.15}.service-detail-subtitle{color:var(--primary);margin-bottom:20px;font-size:1.25rem;font-weight:600;line-height:1.4}.service-detail-extended-desc{color:var(--secondary);margin-bottom:35px;font-size:1.1rem;line-height:1.8}.service-hero-cta{gap:15px;display:flex}.service-hero-image-wrapper{animation:4s ease-in-out infinite floatImage;position:relative}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.image-card-glow{background:linear-gradient(135deg, var(--primary), var(--primary));opacity:.25;filter:blur(30px);z-index:1;border-radius:30px;animation:3s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-15px}@keyframes pulseGlow{0%{opacity:.2;filter:blur(25px)}to{opacity:.4;filter:blur(35px)}}.service-hero-img{z-index:2;object-fit:cover;border:1px solid #fffc;border-radius:24px;width:100%;height:420px;position:relative;box-shadow:0 20px 40px #00000026}.tech-stack-banner{background:#fff;border-bottom:1px solid #0000000d;padding:30px 0}.tech-stack-wrapper{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.tech-stack-label{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);font-size:.9rem;font-weight:700}.tech-tags{flex-wrap:wrap;gap:12px;display:flex}.tech-tag{color:var(--text-dark);background:#f4f6f8;border:1px solid #0000000f;border-radius:30px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .3s}.tech-tag:hover{background:var(--text-dark);color:#fff;transform:translateY(-2px)}.service-features-section{background:#fafafa;padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:50px;display:grid}.feature-card{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:35px 30px;transition:all .3s;box-shadow:0 10px 30px #0000000a}.feature-card:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 20px 40px #00000014}.feature-icon-box{width:54px;height:54px;color:var(--primary);background:#00c8531a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.feature-card h3{color:var(--text-dark);margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--secondary);font-size:.98rem;line-height:1.6}.service-process-section{background:#fff;padding:100px 0}.process-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px;display:grid;position:relative}.process-step-card{background:#f9fbf9;border:1px solid #0000000d;border-radius:20px;padding:35px 25px;position:relative}.step-number{color:var(--primary);opacity:.8;margin-bottom:15px;font-family:inherit;font-size:2.2rem;font-weight:900}.process-step-card h4{color:var(--text-dark);margin-bottom:10px;font-size:1.15rem;font-weight:700}.process-step-card p{color:var(--secondary);font-size:.92rem;line-height:1.6}.step-arrow-divider{z-index:5;width:30px;height:30px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-15px;transform:translateY(-50%);box-shadow:0 4px 10px #00000014}.service-benefits-section{background:linear-gradient(#fafafa 0%,#fff 100%);padding:100px 0}.benefits-card-container{background:var(--secondary);color:#fff;border-radius:28px;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding:60px;display:grid;box-shadow:0 25px 50px #0003}.benefits-content .section-subtitle{color:var(--primary)}.benefits-title{color:#fff;margin-bottom:30px;font-size:2.3rem;font-weight:800}.benefits-list{flex-direction:column;gap:18px;display:flex}.benefit-item{color:#e5e7eb;align-items:center;gap:15px;font-size:1.08rem;font-weight:500;display:flex}.benefit-icon{color:var(--primary);flex-shrink:0}.benefits-cta-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.benefits-cta-box h3{color:#fff;margin-bottom:15px;font-size:1.4rem;font-weight:700;line-height:1.35}.benefits-cta-box p{color:var(--secondary-light);margin-bottom:25px;font-size:.95rem;line-height:1.6}.service-industries-section{background:#f8fafc;padding:80px 0}.industries-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px;display:grid}.industry-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:16px;padding:30px 20px;transition:all .3s;box-shadow:0 4px 15px #00000008}.industry-card:hover{border-color:var(--primary);transform:translateY(-5px)}.industry-icon{color:var(--primary);margin-bottom:15px}.industry-card h4{color:var(--text-dark);font-size:1.05rem;font-weight:700}.service-gallery-section{background:#fff;padding:90px 0}.service-gallery-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px;display:grid}.gallery-item{cursor:pointer;border-radius:20px;height:260px;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000014}.gallery-item.main-gallery-item{grid-column:span 2;height:260px}.gallery-item img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .6s}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{color:#fff;background:linear-gradient(#0000 0%,#0f172a33 40%,#0f172ae6 100%);flex-direction:column;justify-content:flex-end;padding:25px;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-overlay h4{color:#fff;margin-bottom:6px;font-size:1.15rem;font-weight:700}.gallery-overlay p{color:var(--secondary-light);margin:0;font-size:.88rem}@media (width<=992px){.service-gallery-grid{grid-template-columns:1fr}.gallery-item.main-gallery-item{grid-column:span 1}}.service-case-studies-section{background:#fff;padding:90px 0}.case-studies-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.case-study-card{background:#f9fbf9;border:1px solid #0000000f;border-radius:20px;padding:35px 30px}.case-icon{color:var(--primary);margin-bottom:15px}.case-study-card h3{color:var(--text-dark);margin-bottom:10px;font-size:1.25rem;font-weight:700}.case-study-card p{color:var(--secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.case-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.95rem;font-weight:700;display:inline-flex}.case-link-btn:hover{text-decoration:underline}.service-faq-section{background:#f8fafc;padding:90px 0}.faq-accordion{flex-direction:column;gap:15px;max-width:800px;margin:40px auto 0;display:flex}.faq-item{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow:hidden}.faq-question-btn{text-align:left;width:100%;color:var(--text-dark);cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;padding:22px 25px;font-size:1.1rem;font-weight:700;display:flex}.faq-chevron{color:var(--primary);transition:transform .3s}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-answer-content{color:var(--secondary);padding:0 25px 22px;font-size:.98rem;line-height:1.7}@media (width<=992px){.service-hero-grid{grid-template-columns:1fr;gap:40px}.process-grid{grid-template-columns:repeat(2,1fr)}.step-arrow-divider{display:none}.benefits-card-container{grid-template-columns:1fr;padding:40px 30px}}@media (width<=576px){.service-detail-title{font-size:2.2rem}.process-grid{grid-template-columns:1fr}.tech-stack-wrapper{flex-direction:column;align-items:flex-start}}.gallery-expand-icon{color:#fff;margin-bottom:10px;transition:transform .3s}.gallery-item:hover .gallery-expand-icon{transform:scale(1.2)}.service-lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.service-lightbox-content{background:var(--secondary);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.lightbox-close-btn:hover{background:var(--primary);transform:scale(1.1)}.lightbox-img{object-fit:cover;width:100%;max-height:550px;display:block}.lightbox-caption{background:var(--secondary);color:#fff;padding:25px 30px}.lightbox-caption h3{margin-bottom:6px;font-size:1.35rem;font-weight:700}.lightbox-caption p{color:var(--secondary-light);font-size:.95rem}.about-section{background-color:#fff;padding:8rem 0;overflow:hidden}.about-container{max-width:1400px;margin:0 auto;padding:0 5%}.about-content{max-width:900px}.about-logo{align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.logo-text-small{color:#222;letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.about-title{color:#222;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.about-subtitle{color:#222;letter-spacing:-.01em;margin-bottom:2.5rem;font-size:2.25rem;font-weight:600;line-height:1.3}.about-desc{color:#666;max-width:850px;margin-bottom:4rem;font-size:1.25rem;line-height:1.8}.about-block{max-width:850px;margin-bottom:3.5rem}.about-block h4{color:#222;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.about-block p{color:#666;font-size:1.15rem;line-height:1.8}.about-cta{margin-top:5rem}.link-learn-more{color:#222;align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.link-learn-more:after{content:"";transform-origin:100%;background-color:#319742;width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.link-learn-more:hover{color:#319742}.link-learn-more:hover:after{transform-origin:0;transform:scaleX(1)}@media (width<=991px){.about-title{font-size:3.5rem}.about-subtitle{font-size:1.875rem}}@media (width<=576px){.about-section{padding:5rem 0}.about-container{padding:0 1.5rem}.about-title{font-size:2.75rem}.about-subtitle{font-size:1.5rem}.about-desc,.about-block p{font-size:1.1rem}}.about-full-page{background-color:#fff;min-height:100vh;padding-top:100px}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem}.bg-white{background-color:#fff}.bg-light{background-color:#f8fafc}.bg-dark{background-color:#0f172a}.about-hero-section{padding:6rem 0 4rem}.about-hero-content{max-width:900px}.about-page-logo{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.logo-icon-small{color:#fff;background:#319742;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:800;display:flex}.logo-text-small{color:#222;font-size:1.25rem;font-weight:700}.about-page-title{color:#222;letter-spacing:-.02em;margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:1.1}.highlight-green{color:#319742}.about-page-subtitle{color:#666;font-size:2rem;font-weight:600}.about-detail-section{padding:6rem 0}.about-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=992px){.about-grid{grid-template-columns:1fr 1fr;gap:6rem}}.about-image-wrapper{width:100%;position:relative}.about-rounded-image{object-fit:cover;z-index:2;border-radius:24px;width:100%;position:relative;box-shadow:0 20px 40px -10px #00000026}.image-shadow-green{z-index:1;background:#ebf5ed;border-radius:24px;width:100%;height:100%;position:absolute;top:-1.5rem;left:-1.5rem}.about-text-content h3{color:#222;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.about-text-content p{color:#666;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.about-text-content .lead-text{color:#444;font-size:1.35rem;font-weight:500;line-height:1.7}.icon-badge{color:#319742;background:#e8f4eb;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.section-spacer{height:6rem}@media (width<=991px){.about-grid.reverse-mobile{flex-direction:column-reverse;display:flex}}.about-history-section{padding:6rem 0}.section-heading-center{text-align:center;margin-bottom:4rem}.section-heading-center h2{color:#222;margin-bottom:1rem;font-size:3rem;font-weight:800}.section-heading-center p{color:#666;font-size:1.25rem}.timeline-grid{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=768px){.timeline-grid{grid-template-columns:1fr 1fr;gap:3rem}}.timeline-item{background:#fff;border-radius:20px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px -10px #0000000d}.timeline-item:hover{transform:translateY(-10px)}.timeline-image-container{width:100%;height:250px;overflow:hidden}.timeline-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.timeline-item:hover .timeline-image-container img{transform:scale(1.05)}.timeline-content{padding:2.5rem}.timeline-year{color:#fff;background:#319742;border-radius:50px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.9rem;font-weight:700;display:inline-block}.timeline-content h3{color:#222;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.timeline-content p{color:#666;line-height:1.7}.about-achievements-section{padding:6rem 0}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.achievement-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:3rem 2rem;transition:all .3s}.achievement-card:hover{background:#ffffff1a;transform:translateY(-5px)}.achievement-icon{color:#4ade80;background:#31974233;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex}.achievement-card h3{color:#fff;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.achievement-card p{color:#94a3b8;font-size:1.125rem;font-weight:500}@media (width<=768px){.about-page-title{font-size:3rem}.about-hero-section{padding:4rem 0 2rem}.about-text-content h3,.section-heading-center h2{font-size:2rem}}.stats{background-color:var(--secondary);color:#fff;padding:4rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-icon{color:var(--primary);margin-bottom:1rem}.stat-value{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-label{opacity:.8;font-size:1rem}.portfolio-header{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}@media (width>=768px){.portfolio-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.portfolio-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out}.fade-up{transform:translateY(30px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.portfolio-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;overflow:hidden}.portfolio-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0000001a}.portfolio-image{width:100%;height:200px;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.portfolio-card:hover .portfolio-image img{transform:scale(1.08)}.portfolio-content{background:#fff;padding:1.5rem}.portfolio-title{margin-bottom:.5rem;font-size:1.125rem;transition:color .3s}.portfolio-card:hover .portfolio-title{color:var(--primary)}.portfolio-category{color:#398b42;font-size:.875rem;font-weight:500}.portfolio-modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.4s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:1300px;height:90vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 40px 80px #0006}.modal-enter{animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.portfolio-modal-close{cursor:pointer;color:#0f172a;z-index:20;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 8px 24px #00000026}.portfolio-modal-close:hover{color:#ef4444;background:#fff;transform:scale(1.15)rotate(90deg)}.portfolio-hero-container{flex-shrink:0;width:100%;height:500px;position:relative;overflow:hidden}.portfolio-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:filter .5s;animation:25s linear infinite alternate kenBurns}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.12)}}.portfolio-hero-overlay{pointer-events:none;background:linear-gradient(#0f172a80 0%,#0f172a33 50%,#0f172ae6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-modal-header-content{z-index:5;color:#fff;width:100%;padding:60px;position:absolute;bottom:0;left:0}.portfolio-modal-category{color:#398b42;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.portfolio-modal-title{color:#fff;text-shadow:0 4px 20px #0006;margin-bottom:0;font-size:3.5rem;font-weight:800;line-height:1.2}.portfolio-modal-body{background:#fff;width:100%;max-width:1200px;margin:0 auto;padding:60px}.fade-up-enter{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUpEnter}@keyframes fadeUpEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.portfolio-overview-section{grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.portfolio-overview-text h4{color:var(--text-dark);margin-bottom:1rem;font-size:1.8rem}.portfolio-overview-text p{color:var(--text-muted);font-size:1.15rem;line-height:1.8}.portfolio-stats{flex-direction:column;gap:1.5rem;display:flex}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.5rem 2rem;transition:transform .3s,box-shadow .3s;display:flex}.stat-card:hover{border-color:var(--primary);transform:translate(10px);box-shadow:0 10px 20px #0000000d}.stat-value{color:var(--primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.portfolio-tech-section{margin-bottom:4rem}.portfolio-tech-section h4{margin-bottom:1.5rem;font-size:1.8rem}.tech-badges{flex-wrap:wrap;gap:1rem;display:flex}.tech-badge{color:#334155;cursor:default;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.tech-badge:hover{background:var(--primary);color:#fff;box-shadow:0 8px 15px rgba(var(--primary-rgb), .3);border-color:var(--primary);transform:translateY(-3px)}.portfolio-features-section{margin-bottom:5rem}.portfolio-features-section h4{margin-bottom:2rem;font-size:1.8rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #00000008}.feature-glass-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.feature-icon{background:rgba(var(--primary-rgb), .1);width:60px;height:60px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .4s;display:flex}.feature-glass-card:hover .feature-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-glass-card h5{color:var(--text-dark);margin-bottom:1rem;font-size:1.25rem}.feature-glass-card p{color:var(--text-muted);line-height:1.6}.portfolio-gallery-section h4{margin-bottom:2rem;font-size:1.8rem}.portfolio-masonry-gallery{grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:1.5rem;display:grid}.masonry-item{cursor:pointer;background:0 0;border-radius:16px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.masonry-item img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s}.masonry-overlay{opacity:0;background:#0f172ab3;flex-direction:column;justify-content:flex-end;padding:30px 20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.masonry-overlay-content{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.masonry-btn{color:#fff;border:2px solid #fff;border-radius:30px;padding:10px 24px;font-size:1.1rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px)}.masonry-text{text-align:center;color:#fff;opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;transform:translateY(30px)}.masonry-text h5{color:#34d399;margin-bottom:5px;font-size:1.2rem}.masonry-text p{opacity:.9;font-size:.95rem;line-height:1.4}.masonry-item:hover{z-index:2;transform:scale(1.02);box-shadow:0 15px 35px #00000026}.masonry-item:hover img{filter:brightness(.7);transform:scale(1.1)}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-item:hover .masonry-overlay .masonry-btn{transform:translateY(0)}.masonry-item:hover .masonry-text{opacity:1;transform:translateY(0)}.masonry-item-0{grid-area:span 2/span 8}.masonry-item-1,.masonry-item-2,.masonry-item-3{grid-area:span 1/span 4}.masonry-item-4{grid-area:span 2/span 4}.masonry-item-5{grid-area:span 1/span 4}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#0f172af2;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.lightbox-content-wrapper{background:#fff;border-radius:20px;flex-direction:row;width:90vw;max-width:1400px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009}.lightbox-image-side{background:#fff;flex:1.5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-image-side img{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:1s cubic-bezier(.16,1,.3,1) forwards imageReveal,7s ease-in-out 1s infinite alternate panUpDown}@keyframes imageReveal{0%{opacity:0;filter:blur(15px);transform:scale(1.3)translateY(0)}to{opacity:1;filter:blur();transform:scale(1.15)translateY(0)}}@keyframes panUpDown{0%{transform:scale(1.15)translateY(-5%)}to{transform:scale(1.15)translateY(5%)}}.lightbox-text-side{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex}.animate-title{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.animate-word{opacity:0;white-space:pre-wrap;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUpWord;display:inline-block;transform:translateY(20px)}@keyframes fadeUpWord{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.lightbox-title{color:#0f172a;margin-bottom:1.5rem;font-size:2.2rem;font-weight:800;line-height:1.2}.lightbox-desc-scroll{padding-right:1rem;overflow-y:auto}.lightbox-desc-scroll p{color:#475569;margin-bottom:1rem;font-size:1.15rem;line-height:1.8}.lightbox-enter{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpLight}@keyframes slideUpLight{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.lightbox-close:hover{color:#ef4444;background:#fff;transform:rotate(90deg)}.lightbox-nav{color:#fff;cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1)}.lightbox-nav.prev{left:30px}.lightbox-nav.next{right:30px}.lightbox-counter{color:#fff;letter-spacing:2px;opacity:.8;font-size:1.1rem;font-weight:500;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@media (width<=1024px){.portfolio-overview-section{grid-template-columns:1fr;gap:2rem}.portfolio-stats{flex-flow:wrap}.stat-card{flex:1;min-width:200px}.features-grid{grid-template-columns:repeat(2,1fr)}.portfolio-masonry-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.masonry-item{grid-area:span 1/span 1!important}.lightbox-content-wrapper{flex-direction:column;height:90vh}.lightbox-image-side{flex:1;height:50vh}.lightbox-text-side{flex:1;padding:2rem}}@media (width<=768px){.portfolio-modal-content{border-radius:0;max-width:100vw;height:100vh}.portfolio-modal-overlay{padding:0}.portfolio-hero-container{height:400px}.portfolio-modal-header-content{padding:30px}.portfolio-modal-title{font-size:2.2rem}.portfolio-modal-body{padding:30px}.features-grid{grid-template-columns:1fr}.portfolio-masonry-gallery{grid-template-columns:1fr;grid-auto-rows:250px}.portfolio-stats{flex-direction:column}.lightbox-nav{display:none}}.testimonials{position:relative;overflow:hidden}.testimonials-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:3rem;display:flex}.testimonials-arrows{display:none}.carousel-arrow{border:1px solid var(--border-light);cursor:pointer;width:48px;height:48px;color:var(--secondary);box-shadow:var(--shadow-sm);z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prev-arrow{left:-20px}.next-arrow{right:-20px}.carousel-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.testimonial-carousel-container{width:100%;padding:0;position:relative}.testimonial-carousel-track{width:100%;min-height:540px;padding:10px 0;position:relative;overflow:hidden}.testimonial-page{gap:2.5rem;width:100%;display:flex;position:absolute;top:10px;left:0}.testimonial-split-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow);background:0 0;flex:1;min-width:0;height:480px;min-height:480px;transition:box-shadow .3s;display:flex;overflow:hidden}.testimonial-split-card:hover{box-shadow:var(--shadow-lg)}.testimonial-split-left{background-color:var(--border-light);flex:0 0 45%;justify-content:center;align-items:center;display:flex;overflow:hidden}.testimonial-split-left img{object-fit:cover;width:100%;height:100%}.testimonial-split-right{background-color:var(--secondary);flex-direction:column;flex:1;padding:2.5rem 2.2rem;display:flex;position:relative}.quote-icon{color:var(--secondary-light);opacity:.3;margin-bottom:1rem}.testimonial-quote{color:#fff;flex-grow:1;margin-bottom:1.5rem;font-size:1.05rem;font-style:italic;line-height:1.6}.testimonial-author-info{text-align:right;flex-direction:column;margin-top:auto;display:flex}.testimonial-author-info h4{color:#fff;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.testimonial-author-info span{color:var(--secondary-light);font-size:.85rem;font-weight:500}@media (width<=992px){.testimonial-page{gap:0}}@media (width<=768px){.testimonial-carousel-track{min-height:480px}.testimonial-split-card{flex-direction:column;height:auto;min-height:460px}.testimonial-split-left{flex:0 0 200px}.testimonial-quote{font-size:1rem}}.projects-page{background-color:var(--background);min-height:100vh}.projects-header-bg{background:linear-gradient(135deg, var(--primary) 0%, #1a1a2e 100%);color:#fff;padding:120px 0 60px}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;margin-bottom:30px;padding:8px 16px;font-family:inherit;font-size:.9rem;transition:all .3s;display:flex}.back-btn:hover{background:#fff3;transform:translate(-5px)}.projects-title-container{max-width:600px}.page-title{margin-bottom:16px;font-size:3rem;font-weight:700}.page-subtitle{opacity:.9;font-size:1.1rem;line-height:1.6}.projects-grid-large{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-top:20px;display:grid}.project-card-large{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.project-card-large:hover{box-shadow:0 15px 40px #0000001a}.project-image-container{height:240px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card-large:hover .project-img{transform:scale(1.05)}.project-overlay{opacity:0;z-index:1;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card-large:hover .project-overlay{opacity:1}.project-links{gap:15px;transition:transform .3s;display:flex;transform:translateY(20px)}.project-card-large:hover .project-links{transform:translateY(0)}.icon-btn{width:45px;height:45px;color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.project-details{padding:30px}.project-badge{background:rgba(var(--primary-rgb), .1);color:var(--primary);border-radius:20px;margin-bottom:15px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.project-name{color:var(--text-dark);margin-bottom:12px;font-size:1.4rem}.project-desc{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{background:var(--background);border:1px solid var(--border);color:var(--text-light);border-radius:4px;padding:4px 10px;font-size:.75rem}@media (width<=768px){.page-title{font-size:2.2rem}.projects-header-bg{padding:100px 0 40px}.projects-grid-large{grid-template-columns:1fr}}.blog-page{background-color:var(--background);color:var(--text-dark);padding-top:100px}.blog-hero{background:linear-gradient(135deg, rgba(var(--primary-rgb), .05) 0%, rgba(var(--background-rgb), 1) 100%);padding:80px 0 60px}.blog-title{margin:15px 0;font-size:3rem;font-weight:800}.blog-subtitle{color:#666;max-width:650px;margin:0 auto;font-size:1.15rem}.blog-grid-section{padding:80px 0 100px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;display:grid}.blog-card{background:#fff;border:1px solid #0000000f;border-radius:20px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.blog-card:hover{transform:translateY(-6px)}.blog-img-box{height:220px;position:relative;overflow:hidden}.blog-img-box img{object-fit:cover;width:100%;height:100%}.blog-category{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:15px;left:15px}.blog-content{padding:25px}.blog-meta{color:#888;gap:20px;margin-bottom:12px;font-size:.85rem;display:flex}.blog-meta span{align-items:center;gap:6px;display:flex}.blog-content h3{margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-content p{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.6}.blog-read-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.95rem;font-weight:700;display:inline-flex}.blog-read-btn:hover{text-decoration:underline}.careers-page{min-height:90vh;padding-top:120px;padding-bottom:80px}.careers-hero{text-align:center;max-width:840px;margin:0 auto 50px}.careers-hero-badge{color:#818cf8;background:#6366f11f;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.88rem;font-weight:500;display:inline-flex}.careers-hero-title{color:#fff;margin-bottom:18px;font-size:3rem;font-weight:800;line-height:1.2}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text}.careers-hero-desc{color:#94a3b8;margin-bottom:36px;font-size:1.125rem;line-height:1.6}.careers-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:16px;justify-content:center;gap:16px;width:fit-content;margin:0 auto;padding:8px;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.tab-btn:hover{color:#f8fafc;background:#ffffff0a}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 15px #6366f166}.tab-count{background:#fff3;border-radius:999px;padding:2px 8px;font-size:.78rem}.tab-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.careers-filter-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;margin-bottom:30px;padding:24px}.search-input-wrapper{margin-bottom:20px;position:relative}.search-icon{color:#64748b;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.careers-search-input{color:#fff;background:#02061799;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px 45px 14px 48px;font-size:.95rem;transition:border-color .2s}.careers-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.category-pills,.type-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{color:#94a3b8;align-items:center;gap:6px;margin-right:6px;font-size:.85rem;display:flex}.pill-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:6px 14px;font-size:.85rem;transition:all .2s}.pill-btn:hover{color:#fff;background:#ffffff1a}.pill-btn.active{color:#818cf8;background:#6366f133;border-color:#6366f1;font-weight:600}.results-header{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.9rem;display:flex}.results-header strong{color:#fff}.reset-filters-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;text-decoration:underline}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.job-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:24px;transition:border-color .3s,transform .3s;display:flex}.job-card:hover{border-color:#6366f166}.job-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.job-dept-tag{color:#a5b4fc;background:#6366f126;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.job-type-tag{color:#6ee7b7;background:#10b98126;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.job-title{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.3}.job-meta-info{color:#94a3b8;flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:.82rem;display:flex}.job-meta-info span{align-items:center;gap:4px;display:flex}.job-summary{color:#cbd5e1;flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.5}.job-skills-list{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.skill-chip{color:#94a3b8;background:#ffffff0f;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:500}.skill-chip.more{color:#818cf8;background:#6366f11a}.job-card-actions{gap:10px;margin-top:auto;display:flex}.job-card-actions .btn{flex:1;justify-content:center}.no-jobs-card{text-align:center;color:#64748b;background:#0f172a66;border:1px dashed #ffffff1a;border-radius:20px;padding:60px 20px}.no-jobs-card h3{color:#fff;margin:16px 0 8px}.matcher-container-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff14;border-radius:24px;padding:32px}.matcher-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;margin-bottom:30px;padding-bottom:20px;display:flex}.matcher-header .icon-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.matcher-header h2{color:#fff;margin-bottom:4px;font-size:1.5rem}.matcher-header p{color:#94a3b8;font-size:.9rem}.matcher-grid{grid-template-columns:1fr 1fr;gap:36px;display:grid}.matcher-input-col h3{color:#f8fafc;margin-bottom:6px;font-size:1.1rem}.matcher-input-col .subtext{color:#94a3b8;margin-bottom:14px;font-size:.85rem}.popular-skills-wrapper{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.skill-select-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;transition:all .2s;display:flex}.skill-select-btn:hover{color:#fff;background:#ffffff1a}.skill-select-btn.selected{color:#34d399;background:#10b9812e;border-color:#10b981;font-weight:600}.custom-skill-form{gap:8px;margin-bottom:20px;display:flex}.custom-skill-form input{color:#fff;background:#02061799;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem}.selected-skills-box{background:#02061766;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:12px}.selected-skills-box label{color:#94a3b8;margin-bottom:8px;font-size:.8rem;display:block}.chips-row{flex-wrap:wrap;gap:6px;display:flex}.active-skill-chip{color:#fff;background:#6366f1;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.active-skill-chip svg{cursor:pointer}.divider-text{text-align:center;margin:24px 0;position:relative}.divider-text:before{content:"";background:#ffffff14;width:100%;height:1px;position:absolute;top:50%;left:0}.divider-text span{color:#64748b;background:#0f172a;padding:0 12px;font-size:.78rem;font-weight:700;position:relative}.resume-textarea{color:#fff;resize:vertical;background:#02061799;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:20px;padding:12px;font-size:.88rem}.calculate-match-btn{justify-content:center;width:100%;padding:14px;font-size:1rem}.matcher-results-col h3{color:#f8fafc;margin-bottom:16px;font-size:1.1rem}.matcher-placeholder{text-align:center;color:#64748b;border:2px dashed #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:350px;padding:30px;display:flex}.matcher-placeholder h4{color:#fff;margin:14px 0 6px}.results-list{flex-direction:column;gap:16px;max-height:600px;padding-right:6px;display:flex;overflow-y:auto}.match-result-card{background:#02061780;border:1px solid #ffffff14;border-radius:14px;padding:18px}.match-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.match-card-top h4{color:#fff;margin-bottom:2px;font-size:1rem}.job-meta-light{color:#94a3b8;font-size:.78rem}.score-badge{border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:700}.score-badge.high{color:#34d399;background:#10b98133}.score-badge.med{color:#fbbf24;background:#f59e0b33}.score-badge.low{color:#f87171;background:#ef444433}.progress-bar-bg{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .4s}.progress-bar-fill.high{background:#10b981}.progress-bar-fill.med{background:#f59e0b}.progress-bar-fill.low{background:#ef4444}.skills-match-details{flex-direction:column;gap:8px;margin-bottom:14px;font-size:.8rem;display:flex}.matched-group,.missing-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label-good{color:#34d399;align-items:center;gap:4px;display:flex}.label-missing{color:#94a3b8}.mini-chips{flex-wrap:wrap;gap:4px;display:flex}.mini-chip{border-radius:4px;padding:2px 6px;font-size:.72rem}.mini-chip.good{color:#6ee7b7;background:#10b98126}.mini-chip.warn{color:#cbd5e1;background:#ffffff0f}.match-card-footer{justify-content:flex-end;gap:8px;display:flex}.job-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.job-modal-content{background:#0f172a;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:650px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0009}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:20px;right:20px}.modal-header h2{color:#fff;margin:8px 0;font-size:1.6rem}.modal-meta{color:#94a3b8;gap:16px;margin-top:10px;font-size:.85rem;display:flex}.modal-meta span{align-items:center;gap:4px;display:flex}.modal-body{border-top:1px solid #ffffff14;margin:24px 0;padding-top:20px}.modal-body h4{color:#fff;margin:18px 0 8px;font-size:1.05rem}.modal-body p{color:#cbd5e1;font-size:.92rem;line-height:1.6}.requirements-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.requirements-list li{color:#cbd5e1;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.requirements-list .check-icon{color:#6366f1;flex-shrink:0;margin-top:2px}.perks-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.perk-item{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.perk-item svg{color:#a855f7}.modal-skills{flex-wrap:wrap;gap:8px;display:flex}.modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.apply-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:#cbd5e1;font-size:.82rem;font-weight:500}.form-group input,.form-group textarea{color:#fff;background:#02061799;border:1px solid #ffffff1a;border-radius:10px;padding:10px 14px;font-size:.9rem}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.apply-success-box{text-align:center;padding:40px 20px}.success-icon{color:#10b981;margin-bottom:16px}.apply-success-box h2{color:#fff;margin-bottom:10px}.apply-success-box p{color:#94a3b8}@media (width<=900px){.matcher-grid{grid-template-columns:1fr}.careers-hero-title{font-size:2.2rem}}@media (width<=600px){.apply-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.perks-grid{grid-template-columns:1fr}}.cta-section{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;padding:4rem 0}.cta-container{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}@media (width>=768px){.cta-container{text-align:left;flex-direction:row;justify-content:space-between}}.cta-title{color:#fff;margin-bottom:.5rem;font-size:2rem}.cta-desc{opacity:.9;font-size:1.125rem}.cta-action .btn{padding:1rem 2rem;font-size:1.125rem}.footer{background-color:var(--bg-white);border-top:1px solid var(--border-light);padding:5rem 0 2rem;position:relative}.footer-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-logo{margin-bottom:1.5rem}.footer-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.social-links{gap:1rem;display:flex}.social-links a{border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.footer-title{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.125rem}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a,.footer-link-btn{color:var(--text-muted);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem}.footer-links a:hover,.footer-link-btn:hover{color:var(--primary);padding-left:5px}.contact-info li{color:var(--text-muted);gap:.5rem;font-size:.875rem;display:flex}.newsletter p{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.newsletter-form{flex-direction:column;gap:.5rem;display:flex}.newsletter-form input{border:1px solid var(--border-light);border-radius:var(--border-radius);transition:var(--transition);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.newsletter-form input:focus{border-color:var(--primary)}.newsletter-form button{width:100%}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;font-size:.875rem;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom-links{gap:1rem;display:flex}.footer-bottom-links a:hover{color:var(--primary)}.whatsapp-float{width:60px;height:60px;box-shadow:var(--shadow-lg);z-index:100;transition:var(--transition);background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.whatsapp-float:hover{transform:scale(1.1)}.contact-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.contact-modal-content{background:#fff;border-radius:20px;width:100%;max-width:1100px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 30px 60px -12px #00000059}.contact-modal-layout-vertical{flex-direction:column;width:100%;display:flex}.contact-modal-top-image{border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:420px;position:relative;overflow:hidden}.support-lady-img-full{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.top-close{z-index:10;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.top-close:hover{background:#fff;transform:scale(1.08)}.top-badge{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f172a;background:#ffffffeb;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0000001a}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.top-tabs-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae0;border:1px solid #ffffff26;border-radius:14px;padding:6px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}.modal-mode-tabs{gap:8px;display:flex}.mode-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.mode-tab-btn.active{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98159}.mode-tab-btn:hover:not(.active){color:#fff}.contact-modal-bottom-grid{background:#fff;grid-template-columns:320px 1fr;display:grid}.contact-modal-info-bottom{background:#f8fafc;border-right:1px solid #e2e8f0;border-bottom-left-radius:20px;padding:2rem}.contact-details-box-bottom h4{color:#0f172a;margin-bottom:1.2rem;font-size:1.15rem;font-weight:700}.contact-detail-item{align-items:flex-start;gap:12px;margin-bottom:1rem;display:flex}.contact-detail-item svg{color:#10b981;flex-shrink:0;margin-top:3px}.contact-detail-item strong{color:#64748b;margin-bottom:2px;font-size:.82rem;display:block}.contact-detail-item p{color:#0f172a;margin:0;font-size:.95rem;font-weight:500}.contact-modal-form-section{flex-direction:column;padding:2.2rem;display:flex}.contact-modal-header{margin-bottom:1.25rem}.contact-modal-header h3{color:#0f172a;margin:0 0 .4rem;font-size:1.5rem;font-weight:700}.modal-subtitle{color:#64748b;margin:0;font-size:.88rem}.form-group{margin-bottom:1.1rem}.form-group label{color:#334155;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.input-wrapper{width:100%;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrapper.align-top .input-icon{top:16px;transform:none}.form-group input,.form-group textarea{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:.75rem 1rem .75rem 48px;font-size:.92rem}.form-group input{height:46px}.form-group textarea{resize:none;height:100px}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 4px #10b98126}.form-error{color:#ef4444;margin-top:.3rem;font-size:.78rem;display:block}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.2rem;display:flex}.btn-secondary{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;height:46px;padding:0 1.4rem;font-weight:600}.btn-submit{color:#fff;cursor:pointer;background:#398b42;border:none;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 1.8rem;font-size:.92rem;font-weight:600;display:flex;box-shadow:0 4px 12px #398b4240}.btn-submit:hover{background:#2a6a31}.estimator-mode-wrapper{flex-direction:column;display:flex}.estimator-section{margin-bottom:1.1rem}.section-label{color:#0f172a;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.type-options-grid{flex-wrap:wrap;gap:8px;display:flex}.type-option-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:.82rem;transition:all .2s}.type-option-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.addon-chips-grid{flex-wrap:wrap;gap:8px;display:flex}.addon-chip-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.addon-chip-btn.active{color:#047857;background:#10b9811f;border-color:#10b981;font-weight:600}.estimator-summary-box{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:14px;justify-content:space-around;margin:1rem 0;padding:14px 18px;display:flex}.summary-metric{flex-direction:column;align-items:center;display:flex}.summary-metric .lbl{color:#94a3b8;margin-bottom:2px;font-size:.75rem}.summary-metric .val{font-size:1.15rem;font-weight:800}.summary-metric .val.highlight{color:#34d399}.estimator-form-inputs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.estimator-form-inputs .form-group input{padding-left:12px}.contact-success-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 3rem;display:flex}.success-icon-wrapper{color:#10b981;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}@media (width<=900px){.contact-modal-top-image{height:250px}.contact-modal-bottom-grid,.estimator-form-inputs{grid-template-columns:1fr}}.cookie-consent-wrapper{z-index:9999;pointer-events:none;justify-content:flex-start;align-items:flex-end;display:flex;position:fixed;bottom:24px;left:24px}.cookie-consent-modal{z-index:10000;-webkit-backdrop-filter:blur(12px);color:#333;pointer-events:auto;background:#ffffffd9;border:1px solid #fff6;border-radius:16px;width:100%;max-width:360px;padding:24px;position:relative;box-shadow:0 12px 30px #0000001a}.cookie-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;font-size:22px;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.cookie-close-btn:hover{color:#111827;background-color:#0000000d}.cookie-consent-container{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;display:flex}.cookie-header{align-items:center;gap:10px;display:flex}.cookie-icon{color:#d97706;width:24px;height:24px}.cookie-content h4{color:#1f2937;margin:0;font-size:1.15rem;font-weight:700}.cookie-content p{color:#4b5563;margin:0;font-size:.9rem;line-height:1.5}.cookie-accept-btn{color:#fff;cursor:pointer;background-color:#319742;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px #31974233}.cookie-accept-btn:hover{background-color:#277c35;transform:translateY(-1px);box-shadow:0 6px 10px #3197424d}@media (width<=600px){.cookie-consent-wrapper{bottom:16px;left:16px;right:16px}.cookie-consent-modal{max-width:100%}}.chat-message{align-self:flex-start;max-width:85%;margin-bottom:12px;animation:.3s ease-out forwards slideUpFade}.bot-message .message-content{color:#1e293b;background-color:#f1f5f9;border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:.95rem;line-height:1.5;box-shadow:0 2px 5px #0000000d}.typing-indicator-container{align-items:center;display:flex}.typing-indicator{background-color:#f1f5f9;border-radius:16px 16px 16px 4px;align-items:center;gap:4px;height:20px;padding:12px 16px;display:inline-flex;box-shadow:0 2px 5px #0000000d}.typing-indicator span{background-color:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-widget-wrapper{z-index:10000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:110px;right:24px}.chat-toggle-btn{color:#fff;cursor:pointer;background-color:#319742;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,background-color .3s;animation:3s infinite pulse-green;display:flex;position:relative;box-shadow:0 4px 12px #31974266}.chat-toggle-btn:hover{background-color:#277c35;transform:scale(1.1)}.chat-toggle-btn.hidden{display:none}.chat-unread-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;display:flex;position:absolute;top:-2px;right:-2px}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse-green{0%{box-shadow:0 0 #319742b3}70%{box-shadow:0 0 0 15px #31974200}to{box-shadow:0 0 #31974200}}.chat-window{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;width:350px;height:500px;max-height:80vh;margin-bottom:16px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}@media (width<=480px){.chat-window{width:90vw;height:60vh;right:5vw}.chat-widget-wrapper{bottom:100px;right:16px}}.chat-header{color:#fff;background-color:#44586a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header-info{flex-direction:column;display:flex}.chat-header-info h4{margin:0;font-size:1.1rem;font-weight:600}.online-indicator{align-items:center;gap:6px;margin-top:4px;display:flex}.online-indicator .dot{background-color:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.online-indicator .text{color:#fffc;font-size:.8rem}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.chat-close-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.chat-close-btn:hover{color:#fff;background-color:#ffffff1a}.chat-body{background-color:#0000;flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.chat-footer{background-color:#ffffff80;border-top:1px solid #0000000d;padding:16px 20px}.chat-input-placeholder{color:#94a3b8;text-align:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:12px 16px;font-size:.9rem}.message-content{white-space:pre-wrap}.chat-preview-toast{color:#1e293b;pointer-events:none;white-space:pre-wrap;-webkit-line-clamp:2;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px 12px 4px;-webkit-box-orient:vertical;width:max-content;max-width:250px;padding:12px 16px;font-size:.9rem;display:-webkit-box;position:absolute;bottom:0;right:75px;overflow:hidden;box-shadow:0 4px 15px #00000026}.app{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}
