:root{color-scheme:light;--text: #121212;--background: #ffeed7;--primary: #0e5130;--secondary: #9eb582;--accent: #b6ae86;--footer: #2a2d2a;--footer-text: #9eb582;--story-text: #121212;--accent-shadow: rgba(182, 174, 134, .5)}:root[data-theme=dark]{color-scheme:dark;--text: #b6ae86;--background: #2a2d2a;--primary: #ffeed7;--secondary: #9eb582;--accent: #5a8a72;--footer: #ffeed7;--footer-text: #5a8a72;--story-text: #2a2d2a;--accent-shadow: rgba(90, 138, 114, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);scroll-behavior:smooth;scroll-padding-top:54px}body{background-color:var(--background);min-width:320px;min-height:100vh}p{font-size:1.1rem;line-height:1.6;margin-bottom:1em}li{font-size:1.1rem}.subtitle{font-size:1.2rem}h1{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:clamp(2.25rem,4vw,3rem);line-height:1.1;margin-bottom:.5em}h2{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2;margin-bottom:.6em}h3{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:clamp(1.2rem,2.25vw,1.5rem);line-height:1.3;margin-bottom:.75em}h4{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:1.2rem;margin-bottom:.75em}a{color:var(--primary);text-decoration:underline;text-underline-offset:.15em;transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.a-bubble{text-decoration:none;color:var(--background);background-color:var(--primary);padding:7px 20px;border-radius:25px;transition:all .3s ease}.a-bubble:hover{color:var(--background);transform:scale(1.05)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,svg{max-width:100%;display:block}.svg-scale{transition:scale .15s ease}.svg-scale:hover{scale:1.2}section{padding:72px}.flex{display:flex;align-items:center;justify-content:center}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--text: #f3f2ec;--background: #2a2d2a;--primary: #85c16c;--secondary: #90d094;--accent: #c0c799}}@media screen and (max-width:1024px){section{padding:72px 24px}}@media screen and (max-width:640px){section{padding:48px 24px}.subtitle,p,li{font-size:1rem}}.home-page{position:relative;overflow:hidden;padding-bottom:112px}.hero{max-width:900px;justify-content:center;align-items:center;position:relative;z-index:1}.hero-left{width:50%}.hero-left img{aspect-ratio:1/1;object-fit:cover;border-radius:25px;filter:drop-shadow(-10px -10px var(--accent-shadow));transform:translateZ(0)}.hero-right{width:50%;text-align:left;color:var(--background);background-color:var(--secondary);padding:30px 40px;border-radius:25px;aspect-ratio:1/1!important;filter:drop-shadow(10px 10px var(--accent-shadow));transform:translate(-20px,40px);display:flex;flex-direction:column;align-items:left;justify-content:center}.hero-right h1{font-size:3rem}.hero-right h2{font-size:2rem}.hero-right a{color:var(--background);width:max-content;transition:all .3s ease}.hero-right a:hover{transform:scale(1.05);background-color:var(--primary)}.wave-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.wave-background{position:absolute;width:300%;left:-150%;height:100%;animation:wave 25s linear infinite;max-width:unset}@keyframes wave{0%{transform:translate(0)}to{transform:translate(33.333%)}}.what-i-do{background-color:var(--accent);color:var(--background);flex-direction:column}.what-i-do h3{max-width:1400px}.service-cards{display:flex;gap:3rem;max-width:1400px}.service-card{display:flex;flex-direction:column;background-color:var(--primary);color:var(--background);padding:2.5rem 2rem;border-radius:20px;flex:1;justify-content:space-between;transition:all .3s ease;gap:10px}.service-card:hover{box-shadow:0 10px 40px #00000026,0 0 30px color-mix(in srgb,var(--primary) 60%,transparent)}.service-card h4{margin-bottom:0}.service-card ul{list-style-type:none;list-style-position:inside}@media screen and (max-width:1024px){.hero-right{width:45%;padding:20px 30px}.hero-left{width:45%}.hero-right h1{font-size:clamp(1.75rem,4.75vw,2.5rem)}.hero-right h2{font-size:clamp(1.2rem,3vw,1.5rem)}.hero-right .a-bubble{padding:5px 15px}.service-cards{gap:2rem}.service-card{padding:2rem 1.5rem}.service-card:hover{box-shadow:unset}}@media screen and (max-width:640px){.home-page{padding-bottom:18px}.hero{flex-direction:column;max-height:100vh}.hero-left{width:75%;transform:translate(-20px)}.hero-left img{max-height:50vh}.hero-right{transform:translate(20px,-30px);width:75%;padding:10px 20px;max-height:50vh}.hero-right h4{font-size:1rem}@keyframes wave-mobile{0%{transform:translate(0) scaleY(1.5)}to{transform:translate(33.333%) scaleY(1.5)}}.wave-background{animation:wave-mobile 25s linear infinite}.service-card{padding:20px}}@media screen and (max-width:370px){.hero-right h1{font-size:1.5rem}.hero-right h2{font-size:1rem}}@media screen and (max-width:870px){.what-i-do h3{max-width:600px}.service-cards{flex-direction:column;align-items:center;gap:20px}.service-card{width:100%;max-width:600px}}.project-carousel-section{background:var(--background);color:var(--text);overflow:hidden}.carousel-container{max-width:1400px;margin:0 auto}.carousel-subtitle{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.carousel-wrapper{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.carousel-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-nav-btn{position:absolute;z-index:20;background:var(--secondary);border:none;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.carousel-nav-btn:hover{transform:scale(1.1)}.carousel-nav-prev{left:1rem}.carousel-nav-next{right:1rem}.project-card{position:absolute;transition:all .5s ease;cursor:pointer}.project-card-side{pointer-events:none}.project-card-inner{background:var(--secondary);border-radius:1rem;box-shadow:0 10px 25px #0000001a;overflow:hidden;width:350px}.project-card-image{position:relative;height:12rem;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-card-overlay{position:absolute;inset:0;background:#6b728066}.project-card-content{padding:1.5rem}.project-industry{font-size:.875rem;color:var(--primary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.project-name{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--background)}.project-result{color:var(--primary);font-weight:700}.project-description{color:var(--background);margin-bottom:1rem}.project-view-btn{color:var(--primary);font-weight:600;cursor:pointer;transition:transform .3s ease}.project-view-btn:hover{transform:translateY(-3px)}.carousel-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.carousel-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--secondary);border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{transform:scale(1.2)}.carousel-dot-active{background:var(--primary);width:2rem}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--background);border-radius:1.5rem;max-width:56rem;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:var(--primary);border:none;border-radius:50%;padding:.5rem;cursor:pointer;transition:scale .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{scale:1.1}.modal-body{padding:2rem}.modal-image{width:100%;height:19rem;object-fit:cover;border-radius:1rem;margin-bottom:1.5rem}.modal-industry{font-size:.875rem;color:var(--primary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.modal-title{font-size:2.25rem;margin-bottom:1rem}.modal-link{display:inline-block;color:var(--primary);font-weight:600;text-decoration:none;margin-bottom:1rem;transition:transform .3s ease}.modal-link:hover{transform:translateY(-3px);color:var(--primary)}.modal-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:1rem}@media screen and (min-width:768px){.modal-grid{grid-template-columns:1fr 1fr}}.modal-section-title{margin-bottom:.25rem}.modal-services-list{list-style:none;padding:0;margin:0}.modal-service-item{display:flex;align-items:flex-start;margin-bottom:.5rem;justify-content:center}.modal-service-check{color:var(--primary);margin-right:.5rem;flex-shrink:0}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.modal-tech-badge{background:var(--primary);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--background);border:1px solid #e5e7eb}.modal-results{margin-top:2rem}@media screen and (max-width:768px){.carousel-wrapper{height:520px}.carousel-nav-btn{width:40px;height:40px}.carousel-nav-prev{left:.5rem}.carousel-nav-next{right:.5rem}.modal-body{padding:1.5rem}}@media screen and (max-width:510px){.project-card-inner{width:280px}}@media screen and (max-width:440px){.carousel-nav-prev{left:-15px}.carousel-nav-next{right:-15px}}@media screen and (max-width:1330px){.project-card-side{opacity:.4!important}}.testimonials-section{background-color:var(--primary);position:relative}.testimonials-container{max-width:1000px;margin:0 auto}.testimonials-title{text-align:center;color:var(--background)}.testimonial-card{background-color:var(--background);border-radius:25px;padding:20px;box-shadow:0 10px 40px #0003;position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.quote-icon{color:var(--accent);opacity:.7}.testimonial-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:15px}.testimonial-text{color:var(--text);font-size:1.25rem;line-height:1.8;font-style:italic}.testimonial-author{display:flex;flex-direction:column;align-items:left;text-align:left}.author-name{font-weight:600;font-size:1.125rem;color:var(--primary);margin-bottom:0}.author-company{color:var(--text);opacity:.8;font-size:.95rem;margin-bottom:.25rem}.visit-site{width:max-content;text-decoration:none;transition:transform .3s ease}.visit-site:hover{color:var(--primary);transform:translateY(-3px)}.testimonial-nav{display:flex;align-items:center;justify-content:center;gap:2rem}.nav-btn{background-color:var(--secondary);color:var(--background);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.nav-btn:hover{transform:scale(1.1)}.testimonial-dots{display:flex;gap:.5rem}.testimonial-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--secondary);border:none;cursor:pointer;transition:all .3s ease;padding:0}.testimonial-dot:hover{transform:scale(1.2)}.testimonial-dot-active{background:var(--primary);width:2rem}@media screen and (max-width:768px){.testimonial-card{min-height:400px}.testimonial-text{font-size:1.1rem}.testimonial-nav{gap:1rem}.nav-btn{width:40px;height:40px}}@media screen and (max-width:640px){.testimonial-card{min-height:auto}.testimonial-text{font-size:1rem}.quote-icon svg{width:36px;height:36px}}.contact-content{display:flex;flex-wrap:wrap-reverse;justify-content:center}.contact-content h3,h4{margin-bottom:0}.contact-left{width:450px;padding:min(10%,40px);padding-bottom:0;text-align:left}.contact-left svg{fill:var(--primary)}.contact-left a{color:var(--text);display:inline-block;transition:all .15s ease}.contact-left a:hover{transform:translateY(-3px)}.contact-left p{margin-top:0}.contact-left hr{border-color:var(--accent)}.contact-emails{display:flex;padding:20px 0 0 20px}.contact-emails svg{stroke:var(--primary);fill:var(--primary);stroke-width:20;max-width:unset}.contact-emails-text{padding-left:20px}.contact-h4-padding-top{padding-top:10px}.contact-phone{display:flex;padding:20px 0 0 20px}.contact-phone svg{stroke:var(--primary);fill:var(--primary)}.contact-whatsapp{display:flex;padding:20px 0 0 20px}.contact-whatsapp svg{fill:var(--primary)}.contact-whatsapp-text{padding-left:20px}#follow-socials-text{padding-top:40px}.follow-socials{padding-top:20px;display:flex;gap:50px;justify-content:center}.follow-socials a{width:40px;transition:transform .15s ease}.follow-socials a:hover{transform:scale(1.1)}.follow-socials a svg{width:40px;height:40px;display:block}.contact-right{width:550px;margin:0 40px;padding:40px;background-color:var(--secondary);border-radius:50px;color:var(--background);display:flex;flex-direction:column;gap:20px;text-align:left}.contact-right hr{border-color:var(--primary)}@media screen and (max-width:575px){.contact-right{padding:20px;border-radius:30px;margin:0}.contact-left{width:100%;padding:40px 0 0}}.hidden{display:none}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form textarea{height:100px;padding-top:15px;border-radius:20px;resize:vertical}.contact-form button{padding:10px 30px;font-size:16px;border:none;border-radius:50px;cursor:pointer;background-color:var(--primary);color:var(--background);transition:all .3s ease}.contact-form button:hover{transform:scale(1.03)}.contact-inputs{height:40px;border:none;outline:none;padding:0 25px;border-radius:50px;background-color:var(--background)}.contact-inputs:focus{border:2px solid var(--accent)}.contact-inputs::placeholder{color:var(--text)}.result{margin:0 auto}.ashley-intro{background-color:var(--secondary);color:var(--story-text)}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-container img{width:250px;height:250px;border-radius:125px;border:var(--primary) 2px solid;margin-bottom:10px}.intro-text{display:flex;flex-direction:column;align-items:center}.intro-text a{width:max-content;transition:all .3s ease}.intro-text a:hover{background-color:var(--primary);transform:scale(1.05)}.intro-paragraphs{display:flex;gap:40px;max-width:1200px}@media screen and (max-width:800px){.intro-paragraphs{flex-direction:column;gap:0}}@media screen and (max-width:640px){.intro-paragraphs p,.intro-text h4{font-size:1rem}}.footer{background-color:var(--footer);display:flex;flex-direction:column;align-items:center;gap:20px}.footer p{color:var(--footer-text);margin-bottom:0}.footer .logo{color:var(--footer-text)}.footer-name-stack{text-align:left;color:var(--footer-text)}.footer-links{display:flex;text-transform:uppercase;font-size:.875rem;font-weight:600;gap:25px;row-gap:5px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--footer-text);text-decoration:none}.footer-links a:hover{color:var(--background)}.portfolio-link{color:var(--footer-text)}.portfolio-link:hover{color:var(--background)}.nav-bar{display:flex;background-color:var(--background);width:100%;position:sticky;top:0;z-index:100;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:2px solid var(--accent)}.nav-section{display:flex;gap:10px;align-items:center}.nav-section p{margin-bottom:0;line-height:1.3}.logo{width:40px;color:var(--primary);display:flex}.logo svg{width:40px;height:40px}.name-stack{text-align:left}.green-dot{width:8px;height:8px;border-radius:50%;background-color:#4fe38a;margin-right:5px}.small-screen-text{display:none}@media screen and (max-width:640px){.nav-bar{padding:10px 5px 10px 0}.name-stack,.large-screen-text{display:none}.small-screen-text{display:block}.nav-bar svg{scale:.8}.a-bubble{padding:5px 15px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:9999;opacity:1;transition:opacity .3s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-brand{display:flex;align-items:center;gap:1rem;color:var(--primary)}.loading-logo{width:80px;height:66px}.loading-namestack{display:flex;flex-direction:column;align-items:flex-start}.loading-name{margin:0;font-size:1.5rem;color:var(--text)}.loading-title{margin:0;font-size:1.1rem;color:var(--text)}.loading-text{font-size:1.1rem;color:var(--text);display:flex;gap:.25rem}.dot{animation:blink 1.4s infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}#root{width:100%;text-align:center;background-color:var(--background)}
