:root{--bg-main: #FAFAF8;--bg-card: #FFFFFF;--bg-dark: #0F172A;--bg-dark-card: #1E293B;--bg-accent-soft: #FFFBEB;--text-main: #1E293B;--text-muted: #64748B;--text-light: #94A3B8;--text-inverse: #F8FAFC;--primary: #D97706;--primary-hover: #B45309;--primary-light: #FEF3C7;--primary-gradient: linear-gradient(135deg, #D97706 0%, #B45309 100%);--brand-accent: #0284C7;--brand-accent-light: #E0F2FE;--border-color: #E2E8F0;--border-dark: #334155;--border-focus: #D97706;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .18);--shadow-glow: 0 0 25px rgba(217, 119, 6, .25);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-main)}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:6rem 0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fafaf8d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);transition:var(--transition-normal)}.navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:80px}.brand-logo{display:flex;align-items:center;gap:.75rem}.brand-avatar-mini{width:42px;height:42px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:var(--shadow-sm)}.brand-text-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--bg-dark);display:flex;flex-direction:column;line-height:1.1}.brand-text-title{font-size:.75rem;font-weight:600;color:var(--primary);letter-spacing:.05em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{font-size:.95rem;font-weight:600;color:var(--text-muted);transition:var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:2px}.nav-cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-dark);color:#fff;font-weight:600;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-full);transition:var(--transition-normal);border:1px solid transparent;cursor:pointer}.nav-cta-btn:hover{background:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.mobile-toggle{display:none;background:none;border:none;font-size:1.75rem;color:var(--bg-dark);cursor:pointer}.hero-section{position:relative;padding-top:10rem;padding-bottom:5rem;background:radial-gradient(circle at 80% 20%,rgba(217,119,6,.08) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(2,132,199,.05) 0%,transparent 40%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-light);color:var(--primary-hover);font-size:.85rem;font-weight:700;padding:.4rem 1rem;border-radius:var(--radius-full);margin-bottom:1.5rem;border:1px solid rgba(217,119,6,.2);text-transform:uppercase;letter-spacing:.05em}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-headline{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.12;color:var(--bg-dark);margin-bottom:1.5rem}.hero-headline span.highlight{background:linear-gradient(135deg,#d97706,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subheadline{font-size:1.2rem;line-height:1.65;color:var(--text-muted);margin-bottom:2.25rem;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:3rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:var(--primary-gradient);color:#fff;font-weight:700;font-size:1rem;padding:.9rem 2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal);border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:var(--bg-card);color:var(--bg-dark);font-weight:700;font-size:1rem;padding:.9rem 2rem;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);cursor:pointer}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hero-visual-card{position:relative;background:var(--bg-dark);border-radius:var(--radius-lg);padding:2.5rem 2rem;color:#fff;box-shadow:var(--shadow-xl);border:1px solid var(--border-dark);overflow:hidden}.hero-visual-card:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle,rgba(217,119,6,.2) 0%,transparent 70%);pointer-events:none}.persona-avatar-frame{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.persona-avatar-large{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d97706,#b45309);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;box-shadow:0 0 20px #d9770666}.persona-info-name{font-size:1.5rem;font-weight:700;color:#fff}.persona-info-role{font-size:.9rem;color:var(--primary-light);font-weight:600}.persona-highlight-box{background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.persona-highlight-box p{color:#cbd5e1;font-size:.95rem;line-height:1.5}.persona-feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-pill{font-size:.8rem;font-weight:600;background:#d9770626;color:var(--primary-light);padding:.3rem .8rem;border-radius:var(--radius-full);border:1px solid rgba(217,119,6,.3)}.metrics-banner{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin-top:-2rem;position:relative;z-index:10}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.metric-item{text-align:center;position:relative}.metric-item:not(:last-child):after{content:"";position:absolute;right:-1rem;top:15%;height:70%;width:1px;background:var(--border-color)}.metric-value{font-family:var(--font-heading);font-size:2.75rem;font-weight:800;color:var(--bg-dark);line-height:1;margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.section-header{text-align:center;max-width:750px;margin:0 auto 4rem}.section-subtitle{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.75rem;display:inline-block}.section-title{font-size:2.5rem;font-weight:800;color:var(--bg-dark);letter-spacing:-.02em;margin-bottom:1rem}.section-desc{font-size:1.1rem;color:var(--text-muted)}.story-section{background:#fff;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-content h2{font-size:2.25rem;margin-bottom:1rem;color:var(--bg-dark)}.story-lead{font-size:1.15rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem;line-height:1.5}.story-text{font-size:1rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.7}.story-highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.story-card{background:var(--bg-main);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-normal)}.story-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.story-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-hover);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.story-card h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--bg-dark)}.story-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.service-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient);opacity:0;transition:var(--transition-fast)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#d977064d}.service-card:hover:before{opacity:1}.service-number{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:1rem}.service-title{font-size:1.5rem;margin-bottom:.75rem;color:var(--bg-dark)}.service-short-desc{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem}.service-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.service-list li{font-size:.9rem;color:var(--text-main);display:flex;align-items:flex-start;gap:.65rem}.service-list li:before{content:"✓";color:var(--primary);font-weight:800;font-size:.9rem}.case-studies-section{background:var(--bg-dark);color:var(--text-inverse);padding:6rem 0;position:relative}.case-studies-section .section-title{color:#fff}.case-studies-section .section-desc{color:var(--text-light);font-size:1.15rem;font-style:italic}.flagship-case-box{background:var(--bg-dark-card);border-radius:var(--radius-lg);border:1px solid var(--border-dark);padding:3.5rem;margin-bottom:4rem;box-shadow:var(--shadow-xl);position:relative}.flagship-badge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.flagship-tag{background:#d9770633;color:var(--primary-light);border:1px solid rgba(217,119,6,.4);font-size:.85rem;font-weight:800;padding:.4rem 1.25rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.flagship-title{font-size:2.75rem;color:#fff;margin-bottom:1rem;line-height:1.15}.flagship-tagline{font-size:1.2rem;color:#cbd5e1;margin-bottom:2.5rem;max-width:800px}.flagship-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;background:#0f172a99;padding:2rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.flagship-stat-card{text-align:center}.flagship-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--primary-light);margin-bottom:.25rem}.flagship-stat-label{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.flagship-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem}.flagship-detail-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:2rem}.flagship-detail-card h3{color:#fff;font-size:1.35rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.flagship-detail-card h3 span.detail-num{color:var(--primary);font-weight:800}.flagship-detail-card p{color:#94a3b8;font-size:.98rem;line-height:1.65}.flagship-detail-card ul{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.flagship-detail-card ul li{color:#cbd5e1;font-size:.95rem;display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.flagship-detail-card ul li:before{content:"✦";color:var(--primary);font-weight:700}.case-studies-whatsapp-cta{background:linear-gradient(135deg,#d9770626,#0f172acc);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:3rem 2.5rem;text-align:center;box-shadow:var(--shadow-glow)}.cs-cta-title{font-size:2rem;color:#fff;margin-bottom:.75rem}.cs-cta-desc{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem;max-width:650px;margin-left:auto;margin-right:auto}.btn-whatsapp-exclusive{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:#25d366;color:#fff;font-weight:800;font-size:1.15rem;padding:1.1rem 2.5rem;border-radius:var(--radius-full);box-shadow:0 8px 24px #25d36659;transition:var(--transition-bounce);border:none;cursor:pointer}.btn-whatsapp-exclusive:hover{transform:scale(1.04) translateY(-3px);box-shadow:0 12px 32px #25d36680;background:#22bf5b}.future-cases-title{font-size:1.75rem;color:#fff;margin-bottom:1.75rem;text-align:center}.future-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}.future-case-card{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:1.75rem;transition:var(--transition-normal)}.future-case-card:hover{border-color:var(--primary);background:#ffffff0f}.future-category{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.future-case-card h4{color:#fff;font-size:1.2rem;margin-bottom:.75rem}.future-case-card p{color:#94a3b8;font-size:.9rem}.experience-section{background:var(--bg-main)}.brand-scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.scale-card{background:var(--bg-card);border-radius:var(--radius-md);padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition-normal)}.scale-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.scale-card-count{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.scale-card-title{font-size:1.15rem;font-weight:700;color:var(--bg-dark);margin-bottom:.5rem}.scale-card-range{font-size:.9rem;color:var(--text-muted)}.workflow-section{background:#fff;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.workflow-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;position:relative}.workflow-card{background:var(--bg-main);border-radius:var(--radius-md);padding:2rem 1.5rem;border:1px solid var(--border-color);transition:var(--transition-normal);position:relative}.workflow-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-md);background:#fff}.workflow-step-num{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:#d9770633;position:absolute;top:1rem;right:1.25rem}.workflow-card h4{font-size:1.15rem;color:var(--bg-dark);margin-bottom:.75rem;padding-right:2rem}.workflow-card p{font-size:.88rem;color:var(--text-muted);line-height:1.55}.contact-section{background:radial-gradient(circle at 50% 0%,rgba(217,119,6,.05) 0%,transparent 60%);padding:6rem 0}.contact-card-box{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);padding:4rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info-side h2{font-size:2.5rem;color:var(--bg-dark);margin-bottom:1rem}.contact-info-side p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2.5rem}.contact-channel-list{display:flex;flex-direction:column;gap:1.5rem}.contact-channel-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-fast)}.contact-channel-item:hover{border-color:var(--primary);transform:translate(4px)}.contact-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-hover);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.contact-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.contact-value{font-size:1.1rem;font-weight:700;color:var(--bg-dark)}.contact-form-side{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:700;color:var(--bg-dark)}.form-input,.form-textarea{width:100%;padding:.9rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);outline:none;transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #d9770626}.form-textarea{resize:vertical;min-height:120px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fff;border-radius:var(--radius-lg);max-width:580px;width:100%;padding:2.5rem;box-shadow:var(--shadow-xl);position:relative;transform:translateY(20px);transition:var(--transition-bounce)}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--bg-main);border:1px solid var(--border-color);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--text-muted);transition:var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-dark);color:#fff}.footer{background:var(--bg-dark);color:var(--text-light);padding:3rem 0;border-top:1px solid var(--border-dark)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-brand{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:#fff}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-light);font-size:.9rem;transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary-light)}.footer-copy{font-size:.85rem}@media (max-width: 1024px){.hero-grid,.story-grid,.contact-card-box{grid-template-columns:1fr;gap:3rem}.hero-headline{font-size:2.75rem}.metrics-grid,.flagship-stats-grid,.workflow-steps-grid{grid-template-columns:repeat(2,1fr)}.metric-item:not(:last-child):after{display:none}.flagship-details-grid,.future-cases-grid,.brand-scale-grid{grid-template-columns:1fr}}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--border-color)}.nav-links.mobile-open{display:flex}.mobile-toggle{display:block}.hero-headline{font-size:2.2rem}.section-title{font-size:2rem}.flagship-case-box{padding:2rem 1.5rem}.flagship-title{font-size:2rem}.services-grid,.metrics-grid,.workflow-steps-grid,.story-highlights-grid{grid-template-columns:1fr}}