:root,:root[data-theme=light]{color-scheme:light;--background-color: #ffffff;--surface-color: #ffffff;--default-color: #3b5353;--heading-color: #173a31;--accent-color: #15c20c;--contrast-color: #ffffff;--soft-color: #f2f7f3;--border-color: #dbe6de;--nav-color: var(--default-color);--nav-hover-color: var(--accent-color);--nav-mobile-background-color: var(--surface-color);--nav-dropdown-background-color: var(--surface-color);--nav-dropdown-color: var(--default-color);--nav-dropdown-hover-color: var(--accent-color);--bs-body-bg: var(--background-color);--bs-body-color: var(--default-color)}:root[data-theme=dark]{color-scheme:dark;--background-color: #0c1515;--surface-color: #142121;--default-color: #bacdca;--heading-color: #f0f7f4;--accent-color: #62dc7e;--contrast-color: #0c2113;--soft-color: #101c1c;--border-color: #30433f}.light-background{--background-color: var(--soft-color);--surface-color: inherit}:root[data-theme=dark] .light-background{--background-color: #101c1c;--surface-color: #142121}.footer.dark-background{--background-color: var(--soft-color);--surface-color: inherit;--heading-color: inherit;--default-color: inherit;--contrast-color: inherit;border-top:1px solid var(--border-color)}.header-utilities{display:flex;align-items:center;gap:12px;margin-left:14px}.theme-toggle{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;border:1px solid color-mix(in srgb,var(--default-color),transparent 75%);border-radius:50%;background:var(--surface-color);color:var(--heading-color);font-size:17px;vertical-align:middle;transition:background-color .22s,color .22s,border-color .22s}.theme-toggle:focus-visible,.mobile-nav-toggle:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.skip-link{position:fixed;top:-70px;left:16px;z-index:1200;background:var(--surface-color);color:var(--heading-color);padding:12px 20px;border:2px solid var(--accent-color);border-radius:8px}.skip-link:focus{top:10px}.hero{padding-top:145px}.hero .hero-image{height:auto}section{scroll-margin-top:90px}.project-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--border-color);background:var(--surface-color);transition:border-color .25s ease,box-shadow .25s ease}.project-card{height:100%;border-color:color-mix(in srgb,var(--default-color),transparent 90%);border-radius:14px;background-color:var(--surface-color)}.project-card:hover,.project-card:focus-within{border-color:var(--accent-color);box-shadow:0 8px 28px color-mix(in srgb,var(--default-color),transparent 90%);transform:none}.project-media{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--surface-color)}.project-media .project-thumb,.project-media .project-thumb img,.project-media>video{position:absolute;inset:0;display:block;width:100%;height:100%}.project-media .project-thumb img,.project-media>video{object-fit:contain;background:var(--surface-color)}.project-media .project-thumb img,.project-media>video{transition:opacity .35s ease}.project-media .project-thumb img{opacity:1}.project-media>video{z-index:1;opacity:0;pointer-events:none}.project-media.is-playing video{opacity:1}.project-media.is-playing img{opacity:0}.testimonial-avatar{display:grid;place-items:center;border-radius:50%;background:var(--soft-color);color:var(--accent-color);font-weight:700;font-size:15px}.project-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.project-tags.badge{margin-bottom:.75rem}.project-result,.project-link{color:var(--accent-color)}.project-card-links{min-height:24px;color:var(--accent-color)}.faq-list{max-width:920px;margin-inline:auto}.faq-list h2{margin-bottom:28px}.faq-list details{padding:22px;margin-bottom:14px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px}.faq-list summary{cursor:pointer;color:var(--heading-color);font-weight:600}.faq-list p{margin:16px 0 0}.contact .form-control{background:var(--background-color);color:var(--heading-color);border-color:var(--border-color)!important}.contact .form-control::placeholder{color:var(--default-color);opacity:1}.contact .contact-form{color:var(--default-color)}.whatsapp-link{position:fixed;bottom:20px;right:20px;display:grid;place-items:center;width:48px;height:48px;background:#167c3c;color:#fff;font-size:24px;border-radius:50%;z-index:100;box-shadow:0 4px 18px #0003}.whatsapp-link:hover{color:#fff;background:#126831}.header-utilities .btn-getstarted{margin:0}:root[data-theme=dark] .scrolled .header{--background-color: #0c1515}.footer.dark-background{border-top:1px solid var(--border-color)}.contact .contact-form{background-color:var(--surface-color);color:var(--default-color)}.contact .contact-form .form-control,.contact .contact-form .form-select{color:var(--heading-color);background-color:var(--background-color);border-color:var(--border-color)}.contact .contact-form .form-control::placeholder{color:var(--default-color);opacity:.7}.faq-item summary{color:var(--heading-color);font-size:18px;font-weight:600;cursor:pointer}.header .container{min-height:44px}.header-utilities .btn-getstarted{white-space:nowrap}.header .logo img{flex:0 0 auto}.header .logo .sitename{white-space:nowrap}body:not(.scrolled) .header{background-color:transparent;box-shadow:none}.scrolled .header{--background-color: var(--surface-color);background-color:var(--surface-color);color:var(--default-color)}:root[data-theme=dark] .header{--nav-color: var(--default-color)}:root[data-theme=dark] .scrolled .header{--background-color: var(--surface-color);background-color:var(--surface-color)}body,.header,.footer,.project-card,.contact-form,.price-card,.testimonial-content,.faq-item{transition:background-color .22s ease,color .22s ease,border-color .22s ease}.project-media{aspect-ratio:16 / 9}.project-media .project-thumb img,.project-media>video{object-fit:contain}.project-media .project-thumb img{image-rendering:auto}.project-media .project-thumb img,.project-media>video{background-color:var(--soft-color)}.project-tags .badge{background-color:color-mix(in srgb,var(--accent-color),transparent 88%)!important;color:var(--heading-color)!important;font-weight:600}.project-type{color:var(--default-color);font-size:.92rem}.project-result{color:var(--accent-color)}.project-card .project-card-links a{font-weight:500}.footer{padding-bottom:40px;background:var(--soft-color);border-top:1px solid var(--border-color)}.footer .footer-top{border-top:0}.footer .footer-about p{max-width:34rem;color:var(--default-color)}.footer h4,.footer .sitename{color:var(--heading-color)}.footer .social-links a{border-color:var(--border-color);color:var(--default-color);background:var(--surface-color)}.footer .social-links a:hover{border-color:var(--accent-color);color:var(--accent-color)}.footer .footer-links ul a{color:var(--default-color);line-height:1.5}.footer .footer-contact a{color:var(--default-color);overflow-wrap:anywhere}.footer .footer-contact a:hover,.footer .footer-links ul a:hover{color:var(--accent-color)}:root[data-theme=dark] .footer{background:var(--soft-color)}@media(max-width:1199px){.header .container{gap:8px}.header .logo{flex:0 1 auto;min-width:0;margin-right:0!important}.header .logo .sitename{font-size:clamp(22px,6vw,28px)}.header-utilities{order:2;gap:8px;margin-left:auto;flex:0 0 auto}.header-utilities .theme-toggle{width:38px;height:38px;flex:0 0 auto}.header-utilities .btn-getstarted{margin:0 64px 0 0!important;padding:8px 13px;font-size:13px}.navmenu{position:fixed!important;inset:0;width:100%;height:100vh;height:100dvh;padding:0!important;overflow:hidden;visibility:visible;pointer-events:none;z-index:9997!important;background:transparent!important}.navmenu:before{content:"";position:absolute;inset:0;background:#0811107a;opacity:0;transition:opacity .26s ease;pointer-events:none}.navmenu>ul{display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:min(340px,86vw);height:100vh;height:100dvh;max-height:none;overflow-y:auto;box-sizing:border-box;margin:0!important;padding:84px 22px 28px!important;border:0;border-left:1px solid var(--border-color);border-radius:0!important;background:var(--surface-color)!important;box-shadow:-14px 0 40px #0000001f;transform:translate(102%);transition:transform .28s ease;z-index:1}.navmenu>ul a,.navmenu>ul a:focus{padding:14px 8px;color:var(--default-color);font-size:17px}.navmenu>ul a.active{color:var(--accent-color)}.navmenu.is-open{pointer-events:auto}.navmenu.is-open:before{opacity:1;pointer-events:auto}.navmenu.is-open>ul{transform:translate(0)}.mobile-nav-toggle,.mobile-nav-active .mobile-nav-toggle{position:fixed!important;top:16px!important;right:17px!important;z-index:10001!important;margin:0!important;padding:8px!important;border-radius:50%;background:var(--soft-color)!important;color:var(--heading-color)!important;font-size:24px!important;line-height:1!important;pointer-events:auto}.mobile-nav-toggle:focus-visible{outline-offset:2px}}@media(max-width:390px){.header .container{gap:6px}.header .logo img{width:32px;height:32px;margin-right:5px}.header .logo .sitename{font-size:21px}.header-utilities{gap:6px}.header-utilities .theme-toggle{width:34px;height:34px;font-size:15px}.header-utilities .btn-getstarted{margin-right:54px!important;padding:7px 9px;font-size:12px}}@media(max-width:575px){.hero .hero-content .hero-stats{align-items:stretch}.hero .hero-content .hero-stats .stat-item{width:100%;text-align:center}.contact .container{padding-inline:22px}.contact .section-title{padding-inline:8px}.contact .section-title p{max-width:34rem;margin-inline:auto}.contact .content{min-width:0}.contact .content h2{font-size:clamp(1.8rem,7vw,2.25rem)}.contact .content .lead{font-size:1.05rem;line-height:1.6}.contact .contact-info .info-item{align-items:flex-start;font-size:1rem;line-height:1.5}.contact .contact-info .info-item span{min-width:0;overflow-wrap:anywhere}.footer .footer-contact{margin-top:4px;text-align:left!important}.footer .footer-contact h4{text-align:left}.footer .footer-contact p{display:flex;flex-wrap:wrap;gap:0 6px;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.project-card,.project-media .project-thumb img,.project-media>video,body,section,.footer,.header{transition:none}.project-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:1199px){.mobile-nav-toggle{border:0;background:transparent}}
