:root{--bg-primary:#fff;--bg-surface:#f5f5f7;--bg-elevated:#ffffffb3;--text-primary:#1d1d1f;--text-secondary:#86868b;--border-subtle:#00000014;--accent-primary:#ff6b00;--accent-hover:#e56000;--accent-ghost:#ff6b001a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0000000a;--shadow-floating:0 12px 32px #00000014;--spring-easing:cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s ease;--transition-spring:.4s var(--spring-easing);--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar-container{z-index:100;padding:var(--space-4) var(--space-6);transition:var(--transition-spring);background:0 0;position:fixed;top:0;left:0;right:0}.navbar-container.scrolled{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-floating)}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.menu-items{gap:var(--space-8);align-items:center;display:flex}.menu-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500}.menu-link:hover{color:var(--text-primary)}.download-btn{background:var(--text-primary);color:var(--bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:transform var(--transition-spring), opacity var(--transition-fast);font-size:.9rem;font-weight:600}.download-btn:hover{opacity:.9}.download-btn:active{transform:scale(.97)}.mobile-only{display:none}.mobile-menu-btn{z-index:101;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex;position:relative}.hamburger span{background:var(--text-primary);width:100%;height:2px;transition:transform var(--transition-spring), opacity var(--transition-fast);transform-origin:50%;border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.open span:last-child{transform:translateY(-8px)rotate(-45deg)}.mobile-drawer{background:var(--bg-primary);z-index:99;opacity:0;width:100%;height:100vh;transition:transform var(--transition-spring), opacity var(--transition-fast);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-drawer-content{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.mobile-menu-link{letter-spacing:-.02em;color:var(--text-primary);transition:transform var(--transition-spring);font-size:2rem;font-weight:600}.mobile-menu-link:active{transform:scale(.95)}.mobile-drawer-btn{margin-top:var(--space-6);padding:var(--space-3) var(--space-8);font-size:1.1rem}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex}}.hero-section{padding-top:var(--space-32);align-items:center;min-height:100vh;display:flex}.hero-container{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;display:flex}.hero-content{max-width:600px;animation:fadeUp var(--transition-spring);flex:1}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-2);font-size:clamp(3rem,5vw,5rem);font-weight:700}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:var(--space-6);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500}.hero-description{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:500px;font-size:1.1rem;line-height:1.6}.btn-primary{padding:var(--space-3) var(--space-6);background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);transition:transform var(--transition-spring), opacity var(--transition-fast);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.97)}.hero-visual{align-items:center;gap:var(--space-6);animation:fadeUp var(--transition-spring) .1s both;flex-direction:column;flex:1;display:flex}.profile-image-container{aspect-ratio:1;background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.profile-image{object-fit:cover;object-position:top;width:100%;height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.hero-container{text-align:center;margin-top:var(--space-12);flex-direction:column}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-description{text-align:center}}.social-icons{justify-content:center;align-items:center;gap:var(--space-4);width:100%;display:flex}.social-icon{cursor:pointer;background:var(--bg-surface);border-radius:var(--radius-full);width:44px;height:44px;padding:var(--space-2);transition:transform var(--transition-spring), background var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-icon img,.social-icon svg{object-fit:contain;width:24px;height:24px;fill:var(--text-primary);color:var(--text-primary)}.social-icon:hover{background:var(--border-subtle)}.social-icon:active{transform:scale(.95)}.section-wrapper{padding:var(--space-24) var(--space-6);justify-content:center;width:100%;display:flex}.section-content{width:100%;max-width:1200px;margin:0 auto}@media (width<=768px){.section-wrapper{padding:var(--space-12) var(--space-6)}}.projects-section{width:100%}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-4);color:var(--text-primary);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.metrics-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);max-width:900px;margin-left:auto;margin-right:auto;display:grid}.metric-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center}.metric-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:2.5rem;font-weight:700}.metric-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.categories-menu{gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.category-button{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);transition:all var(--transition-spring);font-size:.95rem;font-weight:500}.category-button:hover{background:var(--border-subtle);color:var(--text-primary)}.category-button.active{background:var(--text-primary);color:var(--bg-primary)}.category-button:active{transform:scale(.95)}.projects-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));width:100%;display:grid}.project-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-spring), box-shadow var(--transition-spring);animation:fadeUp .6s var(--spring-easing) both;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-floating);transform:translateY(-4px)}.card-media{aspect-ratio:4/3;background:var(--bg-surface);width:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-spring)}.project-card:hover .project-image{transform:scale(1.02)}.card-content{padding:var(--space-6);flex-direction:column;flex-grow:1;display:flex}.project-category{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.project-title{color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.project-description{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:.95rem;line-height:1.5}.project-points{margin:0 0 var(--space-6) 0;flex-grow:1;padding:0;list-style:none}.project-points li{padding-left:var(--space-4);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.9rem;line-height:1.4;position:relative}.project-points li:before{content:"•";color:var(--text-primary);font-weight:700;position:absolute;left:0}.project-links{gap:var(--space-4);margin-top:auto;display:flex}.project-link{color:var(--text-primary);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.project-link:after{content:"";background:var(--text-primary);transform-origin:100%;width:100%;height:1px;transition:transform var(--transition-fast);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.project-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-section{padding-top:var(--space-24);padding-bottom:var(--space-24);text-align:center}.contact-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(2.5rem,4vw,4rem);font-weight:700}.contact-description{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem}.schedule-button{padding:var(--space-4) var(--space-8);background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);transition:transform var(--transition-spring), opacity var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.schedule-button:hover{opacity:.9}.schedule-button:active{transform:scale(.97)}.footer-root{border-top:1px solid var(--border-subtle);background:var(--bg-primary);width:100%;padding:var(--space-12) var(--space-6) var(--space-8)}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.footer-tagline{color:var(--text-secondary);max-width:300px;font-size:.95rem;line-height:1.6}.footer-col{gap:var(--space-4);flex-direction:column;display:flex}.footer-col-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);font-size:.75rem;font-weight:700}.footer-nav{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.footer-nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-nav-link:hover{color:var(--text-primary)}.footer-email{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-email:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.footer-copy,.footer-made{color:var(--text-secondary);font-size:.85rem}.footer-heart{color:var(--text-primary)}@media (width<=768px){.metrics-grid{gap:var(--space-4);grid-template-columns:1fr}.footer-root{padding-bottom:var(--space-24)}.footer-top{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:left;flex-direction:column;align-items:flex-start}}.exp-section{width:100%}.exp-header{margin-bottom:var(--space-12);opacity:0;animation:fadeUp var(--transition-spring) forwards;transform:translateY(16px)}.exp-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.8rem;font-weight:700;display:block}.exp-title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700}.exp-timeline{flex-direction:column;display:flex}.exp-item{gap:var(--space-6);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);display:flex;transform:translate(-16px)}.exp-item.exp-item--visible{opacity:1;transform:translate(0)}.exp-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:6px;display:flex}.exp-square{background-color:var(--border-subtle);border-radius:var(--radius-full);width:12px;height:12px;transition:transform var(--transition-spring), background-color var(--transition-spring)}.exp-item.exp-item--visible .exp-square{background-color:var(--accent-primary)}.exp-line{background-color:var(--border-subtle);width:2px;margin-top:var(--space-2);margin-bottom:var(--space-2);flex-grow:1}.exp-item:last-child .exp-line{display:none}.exp-content{padding-bottom:var(--space-12);flex:1}.exp-item:last-child .exp-content{padding-bottom:var(--space-4)}.exp-duration{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;display:inline-block}.exp-role{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-1);font-size:1.5rem;font-weight:600}.exp-company{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1rem;font-weight:500}.exp-description{margin:0;padding:0;list-style:none}.exp-description li{padding-left:var(--space-4);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.95rem;line-height:1.5;position:relative}.exp-description li:before{content:"•";color:var(--text-primary);font-weight:700;position:absolute;left:0}@media (width<=768px){.exp-item{gap:var(--space-4)}}.about-section{width:100%}.about-content-wrapper{gap:var(--space-16);align-items:center;display:flex}.about-text-col{flex:1;max-width:400px}.about-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.8rem;font-weight:700;display:block}.about-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700}.about-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.about-cards-grid{gap:var(--space-6);flex:2;grid-template-columns:repeat(2,1fr);display:grid}.service-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring), box-shadow var(--transition-fast);flex-direction:column;display:flex;transform:translateY(16px)}.service-card.card-visible{opacity:1;transform:translateY(0)}.service-card:hover{box-shadow:var(--shadow-card)}.service-card-icon-wrap{background:var(--bg-primary);border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-4);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.service-card-icon{width:24px;height:24px}.service-card-title{color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.service-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (width<=992px){.about-content-wrapper{text-align:left;align-items:flex-start;gap:var(--space-8);flex-direction:column}.about-text-col{max-width:100%}}@media (width<=600px){.about-cards-grid{grid-template-columns:1fr}}.whatsapp-button{z-index:999;transition:all .3s;position:fixed;bottom:30px;right:30px}@media (width<=768px){.whatsapp-button{bottom:20px;right:20px}}