:root{--primary-dark:#00355b;--primary:#186091;--primary-light:#327099;--primary-soft:#d6eaf8;--primary-extra-soft:#ebf5fb;--bg-white:#fff;--bg-light:#f0f8ff;--bg-offwhite:#f8fafc;--bg-gradient-start:#f0f8ff;--bg-gradient-end:#fff;--text-dark:#07223c;--text-gray:#2c3e50;--text-light:#546e7a;--text-muted:#78909c;--border-light:#e3f2fd;--border-medium:#17496a;--border-card:#d4e8fc;--border-badge:#c5e0f5;--footer-bg:#036;--footer-text:#bdd3cc;--whatsapp:#25d366;--shadow-sm:0 1px 4px #0057a314;--shadow-md:0 6px 14px #0057a30d;--shadow-lg:0 12px 24px #0057a31a;--shadow-xl:0 8px 24px #0057a314;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:40px;--text-xs:.75rem;--text-sm:.85rem;--text-base:.95rem;--text-md:1.1rem;--text-lg:1.2rem;--text-xl:1.8rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:2.8rem;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-offwhite);color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.5}.container{max-width:1280px;padding:0 var(--spacing-xl);margin:10px auto}header{background:var(--bg-white);box-shadow:var(--shadow-sm);z-index:100;border-bottom:1px solid var(--border-light);position:sticky;top:0}.navbar{padding:var(--spacing-md) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo h1{background:linear-gradient(130deg, var(--primary-dark), var(--primary));color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:800}.logo span{font-size:var(--text-xs);color:var(--text-light);font-weight:500;display:block}.logo img{width:60px;height:60px;margin-right:var(--spacing-sm)}.nav-links{gap:1.8rem;list-style:none;display:flex}.nav-links a{color:var(--text-dark);transition:var(--transition-fast);font-weight:600;font-size:var(--text-base);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.mobile-menu{cursor:pointer;color:var(--primary-dark);background:0 0;border:none;font-size:1.6rem;display:none}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);cursor:pointer;border:none;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;padding:.6rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.btn-outline:hover{background:var(--primary);color:#fff}.section{padding:var(--spacing-3xl) 0;scroll-margin-top:80px}.bg-light{background:var(--bg-light)}.section-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-xl);text-align:center;color:var(--primary-dark);font-weight:700}.page-header{background:linear-gradient(145deg, var(--primary-soft), var(--bg-gradient-end));text-align:center;padding:var(--spacing-2xl) 0}.page-header h1{font-size:var(--text-3xl);color:var(--primary-dark);margin-bottom:var(--spacing-sm);font-weight:800}.page-header p{font-size:var(--text-md);color:var(--text-light)}.hero{background:linear-gradient(145deg, var(--bg-gradient-start), var(--bg-gradient-end));text-align:center;padding:var(--spacing-3xl) 0}.hero h2{font-size:var(--text-4xl);background:linear-gradient(120deg, var(--primary-dark), var(--primary));color:#0000;margin-bottom:var(--spacing-md);-webkit-background-clip:text;background-clip:text;font-weight:800}.hero p{font-size:var(--text-lg);max-width:680px;color:var(--text-gray);margin:0 auto 1.8rem}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.services-grid,.pricing-grid,.portfolio-grid,.values-grid,.team-grid,.faq-grid{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.services-grid a{color:inherit;text-decoration:none}.two-column{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.service-card,.info-card,.testimonial-card,.value-card,.team-card,.faq-item{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:var(--transition-fast);text-align:center}.service-card:hover,.info-card:hover,.value-card:hover,.team-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.service-card i,.info-card i,.value-card i,.team-avatar i{color:var(--primary);margin-bottom:var(--spacing-md);font-size:2.2rem}.service-card h3,.info-card h3,.value-card h3,.team-card h3{margin-bottom:var(--spacing-sm);font-size:1.3rem}.testimonial-card i{color:var(--primary);opacity:.5;margin-bottom:var(--spacing-md);font-size:2rem}.testimonial-card p{margin-bottom:var(--spacing-md);font-style:italic}.pricing-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-card);transition:var(--transition-normal);flex:1;min-width:280px;max-width:380px;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 8px 20px #1e88e526}.popular-tag{background:var(--primary);color:#fff;font-size:var(--text-xs);border-radius:20px;padding:.25rem 1rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:var(--spacing-sm);font-size:1.4rem}.price{color:var(--primary-dark);margin:var(--spacing-sm) 0;font-size:1.8rem;font-weight:800}.price .period{color:var(--text-light);font-size:.9rem;font-weight:400}.best-for{font-size:var(--text-sm);color:var(--primary);margin-bottom:var(--spacing-md)}.pricing-card ul{margin:var(--spacing-md) 0;list-style:none}.pricing-card li{align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.pricing-card li i{color:var(--primary);width:1.2rem;font-size:.8rem}.tech-stack{gap:var(--spacing-md);margin:var(--spacing-xl) 0;flex-wrap:wrap;justify-content:center;display:flex}.tech-badge{background:var(--bg-white);border-radius:var(--radius-full);border:1px solid var(--border-badge);color:var(--primary-dark);transition:var(--transition-fast);padding:.5rem 1.2rem;font-size:.9rem;font-weight:500}.tech-badge:hover{background:var(--primary-soft);border-color:var(--primary)}.service-detail{flex-wrap:wrap;align-items:center;gap:2.5rem;display:flex}.service-detail.reverse{flex-direction:row-reverse}.service-icon-large i{color:var(--primary);background:var(--primary-soft);padding:var(--spacing-lg);border-radius:var(--radius-xl);font-size:4rem}.service-info{flex:2}.service-info h2{font-size:var(--text-xl);color:var(--primary-dark);margin-bottom:var(--spacing-md)}.service-info ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.service-info li{margin:.4rem 0}.price-start{font-size:var(--text-lg);color:var(--primary);margin:var(--spacing-md) 0;font-weight:700}.contact-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.phone-link,.whatsapp-link,.email-link{color:var(--primary);transition:var(--transition-fast);font-weight:500;text-decoration:none}@media (width<=800px){.contact-grid{grid-template-columns:1fr}}.contact-form-wrapper,.contact-info-wrapper{background:var(--bg-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-dark);margin-bottom:.4rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-note{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-md);text-align:center}.contact-item{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start;display:flex}.contact-item i{color:var(--primary);width:2rem;font-size:1.4rem}.business-hours{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.business-hours-title{margin-top:var(--spacing-md);color:var(--primary)}.pdf-notice{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:var(--primary-soft);border-radius:var(--radius-md);text-align:center}.portfolio-filter{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.filter-btn{border:1px solid var(--border-medium);background:var(--bg-white);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-dark);padding:.5rem 1.5rem;font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.portfolio-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition-fast);overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.portfolio-image{background:var(--primary-soft);justify-content:center;align-items:center;height:200px;display:flex}.portfolio-image i{color:var(--primary);font-size:4rem}.portfolio-info{padding:var(--spacing-lg)}.portfolio-info h3{color:var(--primary-dark);margin-bottom:.3rem}.category{color:var(--primary);font-size:var(--text-xs);margin-bottom:.8rem;font-weight:600}.tech-used{margin-top:var(--spacing-md);font-size:var(--text-xs);color:var(--text-muted)}.case-study{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-light)}.cta-section{background:var(--primary-soft)}.cta-box{text-align:center;padding:var(--spacing-2xl);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.cta-box h3{font-size:var(--text-xl);margin-bottom:var(--spacing-md);color:var(--primary-dark)}.notice-box{text-align:center;padding:var(--spacing-xl);background:var(--primary-soft);border-radius:var(--radius-lg)}.notice-box i{color:var(--primary);margin-bottom:var(--spacing-md);font-size:2.5rem}footer{background:var(--footer-bg);color:var(--footer-text);text-align:center;padding:var(--spacing-xl)}footer p{margin:.3rem 0}.whatsapp-float{background:var(--whatsapp);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-sm);z-index:99;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.9rem;text-decoration:none;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.whatsapp-float:hover{transform:scale(1.1)}@media (width<=850px){.container{padding:0 1.2rem}.nav-links{background:var(--bg-white);width:100%;padding:var(--spacing-md) 0;gap:var(--spacing-md);text-align:center;flex-direction:column;display:none}.nav-links.show{display:flex}.mobile-menu{display:block}.hero h2{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.6rem}.service-detail{text-align:center;flex-direction:column}.service-detail.reverse{flex-direction:column}.form-row{grid-template-columns:1fr}.pricing-card{min-width:260px}}@media (width<=640px){:root{--text-xs:.7rem;--text-sm:.8rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.1rem;--text-xl:1.5rem;--text-2xl:1.7rem;--text-3xl:2rem;--text-4xl:2.2rem;--spacing-md:.8rem;--spacing-lg:1.2rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.container{padding:0 1rem}.logo h1{font-size:1.4rem}.logo span{font-size:.65rem}.btn-primary,.btn-outline{padding:.5rem 1.2rem;font-size:.85rem}.hero{padding:2rem 0}.hero h2{font-size:1.8rem}.hero p{padding:0 .5rem;font-size:.95rem}.hero-buttons{gap:.8rem}.section{padding:2rem 0}.page-header{padding:1.5rem 0}.page-header h1{font-size:1.8rem}.page-header p{font-size:.9rem}.service-card,.info-card,.testimonial-card,.value-card,.team-card,.faq-item{padding:1.2rem}.service-card i,.info-card i,.value-card i{font-size:1.8rem}.service-card h3,.info-card h3,.value-card h3{font-size:1.1rem}.pricing-card{min-width:100%;padding:1.2rem}.pricing-card h3{font-size:1.2rem}.price{font-size:1.5rem}.pricing-card li{font-size:.85rem}.service-icon-large i{padding:1rem;font-size:2.5rem}.service-info h2{font-size:1.3rem}.service-info ul{text-align:left;padding-left:1rem}.service-info li{font-size:.9rem}.price-start{font-size:1rem}.contact-form-wrapper,.contact-info-wrapper{padding:1.2rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem .8rem;font-size:.9rem}.contact-item{gap:.8rem}.contact-item i{width:1.5rem;font-size:1.2rem}.portfolio-image{height:150px}.portfolio-image i{font-size:3rem}.portfolio-info{padding:1rem}.portfolio-info h3{font-size:1rem}.filter-btn{padding:.4rem 1rem;font-size:.8rem}.cta-box{padding:1.5rem}.cta-box h3{font-size:1.3rem}.notice-box{padding:1.2rem}.notice-box i{font-size:2rem}.tech-badge{padding:.4rem 1rem;font-size:.8rem}footer{padding:1.2rem;font-size:.8rem}.whatsapp-float{width:48px;height:48px;font-size:1.6rem;bottom:1rem;right:1rem}.services-grid,.pricing-grid,.portfolio-grid,.values-grid,.team-grid,.faq-grid,.two-column{gap:1rem}}@media (width<=480px){.hero h2{font-size:1.5rem}.section-title{font-size:1.4rem}.page-header h1{font-size:1.5rem}.btn-primary,.btn-outline{padding:.45rem 1rem;font-size:.8rem}.pricing-card{padding:1rem}.price{font-size:1.3rem}}.text-center{text-align:center}.badge{background:var(--primary);color:#fff;font-size:var(--text-xs);vertical-align:middle;border-radius:20px;padding:.2rem .8rem;display:inline-block}.pricing-section-title{color:var(--primary-dark);border-left:4px solid var(--primary);margin:2rem 0 1.5rem;padding-left:1rem;font-size:1.8rem;font-weight:700}.pricing-section-title:first-of-type{margin-top:0}.pricing-section-title i{margin-right:.5rem}.pricing-note{text-align:center;background:var(--primary-soft);border-radius:var(--radius-lg);margin:2rem 0;padding:1.5rem}.pricing-note i{color:var(--primary);margin-bottom:.5rem;font-size:2rem}.email-pricing{background:linear-gradient(135deg, var(--primary-extra-soft), var(--bg-white))}.price-small{font-size:1.4rem}.price-small .period{font-size:.8rem}.btn-pricing-cta{margin-top:1rem;display:inline-block}.pricing-card button:hover{opacity:.9;transform:translateY(-2px)}.pricing-card.featured button:hover{background:var(--primary-dark)}@media (width<=640px){.pricing-section-title{font-size:1.4rem}.price-small{font-size:1.2rem}}