.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.3);transition:all var(--transition-base)}.header.scrolled{background:#ffffffe6;border-bottom-color:var(--bg-300);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.logo{display:flex;flex-direction:column;gap:.125rem}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.75rem;color:var(--text-200);font-weight:500}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg);list-style:none}.nav-links li{position:relative}.nav-links a{font-weight:500;color:var(--text-200);transition:color var(--transition-base);cursor:pointer;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-100),var(--accent-100));transition:width var(--transition-base);border-radius:var(--radius-full)}.nav-links a:hover{color:var(--primary-100)}.nav-links a:hover:after{width:100%}.btn-nav{padding:.5rem 1.5rem;font-size:.9375rem;background:linear-gradient(90deg,var(--primary-100),var(--accent-100),var(--primary-100));background-size:200% auto;animation:gradientMove 3s ease infinite;border:none;box-shadow:0 4px 15px #2563eb4d;position:relative;overflow:hidden;z-index:1}.btn-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s;z-index:-1;animation:shine 3s infinite}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66;background-position:right center}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.mobile-menu-btn{display:none;flex-direction:column;gap:.375rem;padding:.5rem;cursor:pointer;background:none;border:none}.mobile-menu-btn span{width:24px;height:2px;background:var(--text-100);transition:all var(--transition-base)}@media (max-width: 768px){.mobile-menu-btn{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.nav-links li{width:100%}.nav-links a{display:block;padding:var(--spacing-sm) 0}.btn-nav{width:100%}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(80px + var(--spacing-3xl)) 0 var(--spacing-3xl);overflow:hidden}.hero .container{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content{max-width:600px}.hero-badge{margin-bottom:var(--spacing-lg);animation:fadeInDown .8s ease-out}.hero-title{margin-bottom:var(--spacing-lg);animation:fadeInDown .8s ease-out .2s both}.gradient-text{background:linear-gradient(135deg,var(--primary-100),var(--accent-100),var(--primary-200));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 5s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-description{margin-bottom:var(--spacing-xl);font-size:1.125rem;line-height:1.8;animation:fadeInDown .8s ease-out .4s both}.hero-cta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);animation:fadeInDown .8s ease-out .6s both}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--bg-300);animation:fadeInUp .8s ease-out .8s both}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-100);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-200)}.hero-visual{position:relative;height:500px;animation:fadeIn 1s ease-out .4s both}.visual-card{position:absolute;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);animation:float 3s ease-in-out infinite}.visual-card:hover{transform:translateY(-8px)!important;background:#ffffffe6;border-color:var(--primary-200);box-shadow:var(--shadow-xl),0 0 20px #2563eb1a}.card-icon{font-size:2rem}.card-title{font-weight:600;color:var(--text-100)}.card-1{top:10%;left:10%;animation-delay:0s}.card-2{top:30%;right:5%;animation-delay:.5s}.card-3{bottom:30%;left:0;animation-delay:1s}.card-4{bottom:10%;right:15%;animation-delay:1.5s}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.bg-gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:pulse 8s ease-in-out infinite}.bg-gradient-1{width:800px;height:800px;background:radial-gradient(circle,var(--primary-200) 0%,rgba(37,99,235,0) 70%);top:-300px;left:-200px}.bg-gradient-2{width:600px;height:600px;background:radial-gradient(circle,var(--accent-100) 0%,rgba(6,182,212,0) 70%);bottom:-200px;right:-100px;animation-delay:2s}.bg-gradient-3{width:500px;height:500px;background:radial-gradient(circle,var(--primary-300) 0%,rgba(219,234,254,0) 70%);top:40%;left:60%;transform:translate(-50%,-50%);animation-delay:4s;opacity:.6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@media (max-width: 968px){.hero .container{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-visual{height:400px}.hero-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hero{padding-top:calc(80px + var(--spacing-xl))}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-number{font-size:1.5rem}}.services{padding:var(--spacing-3xl) 0;background:var(--bg-200)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-header p{font-size:1.25rem;color:var(--text-200)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.service-card{position:relative;text-align:center;display:flex;flex-direction:column}.service-card.popular{border:2px solid var(--primary-100)}.popular-badge{position:absolute;top:-12px;right:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:#fff;padding:.25rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.service-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.service-price{font-size:2rem;font-weight:700;color:var(--primary-100);margin-bottom:var(--spacing-md)}.service-description{margin-bottom:var(--spacing-lg);font-size:1rem;flex-grow:1}.service-features{list-style:none;margin-bottom:var(--spacing-xl);text-align:left}.service-features li{padding:.5rem 0;color:var(--text-200);display:flex;align-items:center;gap:.5rem}.service-features .check{color:var(--primary-100);font-weight:700}.service-card .btn{width:100%}.section{padding:var(--spacing-3xl) 0}.bg-gray{background:var(--bg-200)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-card{text-align:center}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.pricing-card{position:relative;text-align:center;display:flex;flex-direction:column}.pricing-card.popular{border:2px solid var(--primary-100);transform:scale(1.05)}.popular-tag{position:absolute;top:-12px;right:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:#fff;padding:.25rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.pricing-card h3{margin-bottom:var(--spacing-md)}.price{margin-bottom:var(--spacing-xl)}.price .amount{font-size:3rem;font-weight:700;color:var(--primary-100)}.price .unit{font-size:1rem;color:var(--text-200);margin-left:.5rem}.pricing-card ul{list-style:none;margin-bottom:var(--spacing-xl);flex-grow:1;text-align:left}.pricing-card li{padding:.5rem 0;color:var(--text-200)}.pricing-card li span{color:var(--primary-100);font-weight:700;margin-right:.5rem}.pricing-card .btn{width:100%}.case-card{position:relative}.case-tag{display:inline-block;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.case-card h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.case-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-200)}.feedback{font-style:italic;color:var(--text-200);border-left:3px solid var(--primary-100);padding-left:var(--spacing-md)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);cursor:pointer;transition:background var(--transition-base)}.faq-question:hover{background:var(--bg-200)}.faq-question h4{font-size:1.125rem;font-weight:600}.faq-icon{font-size:1.5rem;font-weight:300;color:var(--primary-100)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);animation:fadeInDown .3s ease-out}.faq-answer p{color:var(--text-200);line-height:1.8}.footer{background:var(--text-100);color:#fff;padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{margin-bottom:var(--spacing-md)}.footer-section h3{background:linear-gradient(135deg,var(--primary-200),var(--accent-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p{color:#fffc;font-size:.9375rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#fffc;transition:color var(--transition-base)}.footer-section a:hover{color:#fff}.contact-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff1a;border-radius:var(--radius-md);font-size:.875rem}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.875rem;margin:.5rem 0}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{background:#fff;border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border:none;background:var(--bg-200);border-radius:50%;font-size:1.5rem;color:var(--text-200);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:1}.modal-close-btn:hover{background:var(--bg-300);color:var(--text-100);transform:rotate(90deg)}.payment-header{background:linear-gradient(135deg,var(--primary-100),var(--accent-100));color:#fff;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.payment-header h2{margin-bottom:var(--spacing-md);font-size:1.5rem}.payment-amount{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.payment-amount .currency{font-size:1.5rem;opacity:.9}.payment-amount .amount{font-size:3rem;font-weight:700;line-height:1}.payment-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-200)}.tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-md);background:#fff;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-weight:600;color:var(--text-100)}.tab-btn:hover{border-color:var(--primary-100)}.tab-btn.active{background:var(--primary-100);color:#fff;border-color:var(--primary-100);box-shadow:0 4px 15px #0077c24d}.tab-icon{font-size:1.25rem}.qrcode-container{padding:var(--spacing-xl);display:flex;justify-content:center}.qrcode-wrapper{width:240px;height:240px;padding:var(--spacing-md);background:#fff;border:2px solid var(--bg-200);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a}.qrcode-wrapper img{width:100%;height:100%;object-fit:contain}.qrcode-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-200);border-radius:var(--radius-md);color:var(--text-200);text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.qrcode-placeholder p{font-weight:600;margin-bottom:.5rem}.qrcode-placeholder small{font-size:.75rem;line-height:1.4;opacity:.7}.payment-instructions{padding:0 var(--spacing-xl) var(--spacing-xl)}.payment-instructions h4{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--text-100)}.payment-instructions ol{list-style:none;counter-reset:step-counter;padding-left:0}.payment-instructions li{counter-increment:step-counter;margin-bottom:var(--spacing-sm);padding-left:2.5rem;position:relative;color:var(--text-200);line-height:1.6}.payment-instructions li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:var(--primary-100);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.payment-instructions .highlight{color:var(--primary-100);font-weight:600;background:#0077c21a;padding:.125rem .5rem;border-radius:var(--radius-sm)}.payment-notice{padding:0 var(--spacing-xl) var(--spacing-xl)}.notice-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff9e6;border:2px solid #ffd700;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.notice-icon{font-size:1.5rem;flex-shrink:0}.notice-title{font-weight:600;color:var(--text-100);margin-bottom:.25rem}.notice-text{font-size:.875rem;color:var(--text-200);margin:0}.contact-btn{width:100%;padding:var(--spacing-md);font-size:1rem;font-weight:600}.payment-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-200);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.footer-item{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--text-200)}.footer-item:last-child{margin-bottom:0}.footer-icon{font-size:1rem}.footer-item strong{color:var(--primary-100)}@media (max-width: 640px){.payment-modal-overlay{padding:var(--spacing-md)}.payment-modal{max-height:95vh}.payment-header{padding:var(--spacing-xl) var(--spacing-md)}.payment-header h2{font-size:1.25rem}.payment-amount .amount{font-size:2.5rem}.payment-method-tabs{padding:var(--spacing-md);gap:var(--spacing-sm)}.tab-btn{font-size:.875rem;padding:var(--spacing-sm)}.qrcode-container{padding:var(--spacing-md)}.qrcode-wrapper{width:200px;height:200px}.payment-instructions,.payment-notice{padding:0 var(--spacing-md) var(--spacing-md)}.payment-footer{padding:var(--spacing-md)}.footer-item{font-size:.8125rem}}:root{--primary-100: #2563EB;--primary-200: #60A5FA;--primary-300: #DBEAFE;--primary-dark: #1E40AF;--accent-100: #06B6D4;--accent-200: #0891B2;--text-100: #0F172A;--text-200: #475569;--text-light: #94A3B8;--bg-100: #FFFFFF;--bg-200: #F8FAFC;--bg-300: #E2E8F0;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-dark: rgba(15, 23, 42, .7);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .1), 0 2px 4px -1px rgb(15 23 42 / .06);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -2px rgb(15 23 42 / .05);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .1), 0 10px 10px -5px rgb(15 23 42 / .04);--shadow-glow: 0 0 20px rgba(37, 99, 235, .25);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-100);background-color:var(--bg-200);background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(6,182,212,.05) 0px,transparent 50%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:1.125rem;line-height:1.8;color:var(--text-200)}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}a:hover{color:var(--primary-100)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}img{max-width:100%;height:auto;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);text-align:center;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:#fff;box-shadow:var(--shadow-md),0 0 #2563ebb3}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #2563eb66;color:#fff}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fffc;color:var(--text-100);border:1px solid var(--bg-300);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-secondary:hover{background:#fff;border-color:var(--primary-200);color:var(--primary-100);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:#fffffff2;border-color:var(--primary-200)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:#fff}.divider{height:1px;background:var(--bg-300);margin:var(--spacing-2xl) 0}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}p{font-size:1rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-200)}::-webkit-scrollbar-thumb{background:var(--primary-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-100)}