:root{--primary:#14833b;--primary-light:#1eab4f;--primary-dark:#0f612b;--secondary:#fff;--accent:#000;--text-main:#111827;--text-muted:#4b5563;--bg-main:#fcfcfc;--bg-card:#fff;--border-color:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.main-container{width:100%;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.site-header{z-index:50;pointer-events:none;background:linear-gradient(#fcfcfc 60%,#fcfcfc00 100%);justify-content:space-between;align-items:center;padding:1rem 10% 3rem;display:flex;position:fixed;top:0;left:0;right:0}.site-header *{pointer-events:auto}.logo{width:auto;height:150px}.page-section{z-index:10;flex-direction:column;justify-content:center;padding:4rem 10%;display:flex;position:relative}#cover{min-height:100vh;padding-top:8rem}.bg-blob{filter:blur(80px);z-index:1;opacity:.15;pointer-events:none;will-change:transform;border-radius:50%;position:fixed}.blob-1{background:var(--primary);width:600px;height:600px;animation:20s infinite alternate float;top:-100px;right:-100px}.blob-2{background:var(--primary-light);width:400px;height:400px;animation:15s infinite alternate-reverse float;bottom:-50px;left:-50px}@keyframes float{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-50px,50px)scale(1.1)}to{transform:translate(50px,-50px)scale(.9)}}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000000d}.service-card:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:0 20px 40px #14833b1a}.service-icon-wrapper{color:var(--primary);background:#14833b1a;border-radius:12px;padding:1rem}.team-card{text-align:center;width:200px}.team-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.team-img-wrapper{border:3px solid var(--primary-light);border-radius:50%;width:150px;height:150px;margin:0 auto 1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.team-img{object-fit:cover;object-position:center 10%;transform-origin:50% 15%;width:100%;height:100%;transition:transform .3s;display:block;transform:scale(1.15)}.team-card:hover .team-img{transform:scale(1.25)}.brand-logo-card{background:var(--bg-card);border:1px solid var(--border-color);height:120px;color:var(--text-muted);filter:grayscale();opacity:.7;border-radius:12px;justify-content:center;align-items:center;padding:2rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex}.brand-logo-card:hover{filter:grayscale(0%);opacity:1;color:var(--primary);border-color:var(--primary);transform:scale(1.05);box-shadow:0 10px 25px #14833b1a}.portfolio-card{aspect-ratio:4/3;background:var(--border-color);cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-img{transform:scale(1.1)}.portfolio-card:hover .portfolio-overlay{opacity:1}.cta-button{background:var(--primary);color:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 20px #14833b33}.cta-button:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 15px 25px #14833b4d}.marquee-container{white-space:nowrap;width:100%;padding:1rem 0;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:15%;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg,#fcfcfc 0%,#fcfcfc00 100%);left:0}.marquee-container:after{background:linear-gradient(270deg,#fcfcfc 0%,#fcfcfc00 100%);right:0}.marquee-content{flex-shrink:0;gap:3rem;min-width:max-content;display:flex}.animate-marquee{animation:35s linear infinite scroll-left}.animate-marquee:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}.marquee-item{background:#fff;border:1px solid #00000008;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:280px;height:160px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 5px 20px #00000008}.marquee-item img{object-fit:contain;max-width:100%;max-height:110px;transition:all .4s}.marquee-item:hover{z-index:10;border-color:#14833b33;transform:scale(1.1)translateY(-5px);box-shadow:0 15px 30px #14833b1a}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1rem}.page-section{padding:4rem 1.5rem 3rem}#cover{min-height:100vh;padding-top:6rem}h1{margin-bottom:.5rem!important;font-size:2.25rem!important;line-height:1.1!important}h2{margin-bottom:1.5rem!important;font-size:1.75rem!important}h3{font-size:1.25rem!important}p,span,a{font-size:1rem!important}.service-card{gap:.75rem;padding:1.25rem}.team-card{max-width:200px;margin:0 auto;width:100%!important}.brand-logo-card{height:80px;font-size:1.1rem}.portfolio-card{aspect-ratio:16/9}.cta-button{text-align:center;justify-content:center;width:100%;margin-bottom:.5rem;padding:.75rem 1.25rem!important;font-size:1rem!important}.marquee-item{width:200px;height:120px;padding:1rem}.marquee-item img{max-height:80px}.site-header{padding:1rem 1.5rem 3rem}.team-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.team-card{width:100%}.team-img-wrapper{border-width:2px;width:80px;height:80px;margin-bottom:.5rem}.team-card h3{font-size:.9rem!important}.team-card p{font-size:.75rem!important}.logo{height:100px}.bg-blob{opacity:.05}}.hero-glow-btn{color:#fff;background:var(--primary);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 3rem;font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #14833b66}.hero-glow-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.hero-glow-btn:hover{color:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 15px 40px #14833b99}.hero-glow-btn:hover:before{transition:all .7s;left:100%}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:900px;margin:0 auto 3rem;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;padding:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 30px #00000008}.pricing-card:hover{border-color:var(--primary-light);transform:translateY(-8px);box-shadow:0 15px 30px #14833b1a}.pricing-card.popular{border:2px solid var(--primary);background:linear-gradient(#fff,#14833b05);box-shadow:0 12px 25px #14833b1f}.popular-badge{background:var(--primary);color:#fff;letter-spacing:1px;border-radius:20px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px dashed var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.pricing-header h3{color:var(--text-main);margin-bottom:.75rem;font-size:1.25rem}.pricing-header .price{color:var(--primary);margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.pricing-header .price span{color:var(--text-muted);font-size:.9rem;font-weight:500}.pricing-header p{color:var(--text-muted);font-size:.9rem;line-height:1.4}.pricing-body{flex-grow:1}.pricing-body h4{color:var(--text-main);align-items:center;gap:.5rem;margin:1.25rem 0 .75rem;font-size:1rem;display:flex}.pricing-body h4:before{content:"";background:var(--primary);border-radius:2px;width:16px;height:2px}.pricing-body ul{margin:0 0 1rem;padding:0;list-style:none}.pricing-body ul li{color:var(--text-muted);align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.4;display:flex}.pricing-btn{border:1px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;margin-top:1.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s}.pricing-btn:hover{background:#14833b1a}.pricing-btn.popular-btn{background:var(--primary);color:#fff}.pricing-btn.popular-btn:hover{background:var(--primary-dark);box-shadow:0 5px 15px #14833b4d}.additional-services{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:900px;margin:0 auto;padding:2.5rem;box-shadow:0 10px 30px #00000008}.additional-services>h3{color:var(--text-main);text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.add-service{background:#14833b08;border:1px solid #14833b1a;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.add-service:hover{background:#14833b14;transform:translateY(-2px)}.add-service h5{color:var(--text-main);margin-bottom:.25rem;font-size:1rem}.add-service span{color:var(--primary);font-size:.85rem;font-weight:600}.pricing-note{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:1.5rem;font-size:.85rem}.blog-container,.blog-post-container{z-index:10;max-width:1200px;min-height:100vh;margin:0 auto;padding:18rem 10% 4rem;position:relative}.blog-header-section{text-align:center;margin-bottom:4rem}.blog-header-section h1{color:var(--primary);margin-bottom:1rem;font-size:3.5rem}.blog-header-section p{color:var(--text-muted);font-size:1.25rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000008}.blog-card:hover{border-color:var(--primary-light);transform:translateY(-8px);box-shadow:0 15px 30px #14833b1a}.blog-card-image{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);height:200px}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.blog-meta span{align-items:center;gap:.25rem;display:flex}.blog-card h3{margin-bottom:1rem;font-size:1.5rem;line-height:1.3}.blog-card h3 a{color:var(--text-main);text-decoration:none;transition:color .3s}.blog-card h3 a:hover{color:var(--primary)}.blog-card p{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.read-more{color:var(--primary);font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block}.read-more:hover{transform:translate(5px)}.blog-article{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 10px 40px #00000008}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.back-link:hover{color:var(--primary)}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.article-header h1{color:var(--text-main);margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2}.article-meta{color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;font-size:.9rem;display:flex}.article-meta span{align-items:center;gap:.5rem;display:flex}.article-content h2{color:var(--primary);margin:2.5rem 0 1rem;font-size:1.75rem}.article-content h3{color:var(--text-main);margin:2rem 0 1rem;font-size:1.35rem}.article-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.article-content ul{margin-bottom:2rem;padding-left:1.5rem;list-style:outside}.article-content ul li{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.article-content strong{color:var(--text-main)}.faq-section{background:#14833b08;border:1px solid #14833b1a;border-radius:16px;margin-top:3rem;padding:2rem}.faq-section h4{color:var(--text-main);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.faq-section h4:first-child{margin-top:0}.article-content hr{background:var(--border-color);border:none;height:1px;margin:3rem 0}@media (width<=768px){.pricing-grid,.services-grid{grid-template-columns:1fr}.additional-services{padding:1.5rem}.blog-container,.blog-post-container{padding:6rem 1.5rem 3rem}.blog-article{padding:1.5rem}.article-header h1{font-size:2rem}.blog-header-section h1{font-size:2.5rem}}.mobile-menu-btn,.mobile-menu-overlay{display:none}@media (width<=768px){.desktop-menu{display:none!important}.mobile-menu-btn{z-index:60;display:block!important}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:55;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;position:fixed;inset:0;display:flex!important}.mobile-link{text-align:center!important;width:100%!important;margin:0!important;padding:1.5rem!important;font-size:1.5rem!important}}
