.az-page-about *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-about .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-about .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-about .container{ padding: 0 5rem; }
}
.az-page-about .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-about .mobile-menu-btn{ display: block; }
}
.az-page-about .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-about .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-about .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-about .breadcrumb a:hover{ text-decoration: underline; }
.az-page-about .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-about .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-about .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-about .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-about .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-about .section{ padding: 80px 0; }
.az-page-about .section-alt{ background: #f8f9fa; }
.az-page-about .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-about .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-about .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-about .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-about .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-about .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-about .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-about .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-about .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-about .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-about .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-about .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-about .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-about .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-about .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-about .card p{ color: #6b7280; line-height: 1.7; }
.az-page-about .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-about .card a:hover{ text-decoration: underline; }
.az-page-about .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-about .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-about .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-about .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-about .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-about .grid-2,.az-page-about .grid-3,.az-page-about .grid-4{ grid-template-columns: 1fr; }
.az-page-about .hero h1{ font-size: 2.25rem; }
.az-page-about .section-header h2{ font-size: 2rem; }
}
.az-page-about .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-about .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-about .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-about .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-about .cta-band h2{ font-size: 2rem; }
}
.az-page-about .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-about .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-about .accordion-header:hover{ background: #f8f9fa; }
.az-page-about .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-about .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-about .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-about .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-about .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-about .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-about .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-about .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-about .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-about .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-about .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-about .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}
@media  (max-width: 768px) {.az-page-about section.section .container > div[style*="grid-template-columns:1fr 1fr"]{
                display: grid;
                grid-template-columns: 1fr !important;
                gap: 40px !important;
            }
}

.az-page-btc-gateway *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-btc-gateway .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-btc-gateway .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-btc-gateway .container{ padding: 0 5rem; }
}
.az-page-btc-gateway .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-btc-gateway .mobile-menu-btn{ display: block; }
}
.az-page-btc-gateway .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-btc-gateway .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-btc-gateway .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-btc-gateway .breadcrumb a:hover{ text-decoration: underline; }
.az-page-btc-gateway .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-btc-gateway .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-btc-gateway .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-btc-gateway .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-btc-gateway .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-btc-gateway .section{ padding: 80px 0; }
.az-page-btc-gateway .section-alt{ background: #f8f9fa; }
.az-page-btc-gateway .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-btc-gateway .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-btc-gateway .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-btc-gateway .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-btc-gateway .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-btc-gateway .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-btc-gateway .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-btc-gateway .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-btc-gateway .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-btc-gateway .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-btc-gateway .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-btc-gateway .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-btc-gateway .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-btc-gateway .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-btc-gateway .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-btc-gateway .card p{ color: #6b7280; line-height: 1.7; }
.az-page-btc-gateway .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-btc-gateway .card a:hover{ text-decoration: underline; }
.az-page-btc-gateway .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-btc-gateway .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-btc-gateway .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-btc-gateway .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-btc-gateway .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-btc-gateway .grid-2,.az-page-btc-gateway .grid-3,.az-page-btc-gateway .grid-4{ grid-template-columns: 1fr; }
.az-page-btc-gateway .hero h1{ font-size: 2.25rem; }
.az-page-btc-gateway .section-header h2{ font-size: 2rem; }
}
.az-page-btc-gateway .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-btc-gateway .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-btc-gateway .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-btc-gateway .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-btc-gateway .cta-band h2{ font-size: 2rem; }
}
.az-page-btc-gateway .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-btc-gateway .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-btc-gateway .accordion-header:hover{ background: #f8f9fa; }
.az-page-btc-gateway .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-btc-gateway .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-btc-gateway .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-btc-gateway .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-btc-gateway .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-btc-gateway .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-btc-gateway .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-btc-gateway .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-btc-gateway .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-btc-gateway .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-btc-gateway .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-btc-gateway .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-contact *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-contact .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-contact .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-contact .container{ padding: 0 5rem; }
}
.az-page-contact .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-contact .mobile-menu-btn{ display: block; }
}
.az-page-contact .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-contact .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-contact .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-contact .breadcrumb a:hover{ text-decoration: underline; }
.az-page-contact .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-contact .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-contact .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-contact .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-contact .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-contact .section{ padding: 80px 0; }
.az-page-contact .section-alt{ background: #f8f9fa; }
.az-page-contact .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-contact .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-contact .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-contact .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-contact .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-contact .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-contact .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-contact .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-contact .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-contact .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-contact .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-contact .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-contact .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-contact .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-contact .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-contact .card p{ color: #6b7280; line-height: 1.7; }
.az-page-contact .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-contact .card a:hover{ text-decoration: underline; }
.az-page-contact .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-contact .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-contact .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-contact .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-contact .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-contact .grid-2,.az-page-contact .grid-3,.az-page-contact .grid-4{ grid-template-columns: 1fr; }
.az-page-contact .hero h1{ font-size: 2.25rem; }
.az-page-contact .section-header h2{ font-size: 2rem; }
}
.az-page-contact .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-contact .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-contact .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-contact .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-contact .cta-band h2{ font-size: 2rem; }
}
.az-page-contact .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-contact .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-contact .accordion-header:hover{ background: #f8f9fa; }
.az-page-contact .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-contact .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-contact .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-contact .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-contact .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-contact .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-contact .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-contact .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-contact .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-contact .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-contact .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-contact .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}
@media  (max-width: 768px) {.az-page-contact section.section .container > div[style*="grid-template-columns:1fr 1fr"]{
                display: grid;
                grid-template-columns: 1fr !important;
                gap: 40px !important;
            }
}

.az-page-faq *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-faq .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-faq .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-faq .container{ padding: 0 5rem; }
}
.az-page-faq .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-faq .mobile-menu-btn{ display: block; }
}
.az-page-faq .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-faq .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-faq .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-faq .breadcrumb a:hover{ text-decoration: underline; }
.az-page-faq .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-faq .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-faq .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-faq .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-faq .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-faq .section{ padding: 80px 0; }
.az-page-faq .section-alt{ background: #f8f9fa; }
.az-page-faq .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-faq .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-faq .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-faq .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-faq .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-faq .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-faq .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-faq .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-faq .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-faq .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-faq .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-faq .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-faq .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-faq .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-faq .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-faq .card p{ color: #6b7280; line-height: 1.7; }
.az-page-faq .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-faq .card a:hover{ text-decoration: underline; }
.az-page-faq .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-faq .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-faq .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-faq .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-faq .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-faq .grid-2,.az-page-faq .grid-3,.az-page-faq .grid-4{ grid-template-columns: 1fr; }
.az-page-faq .hero h1{ font-size: 2.25rem; }
.az-page-faq .section-header h2{ font-size: 2rem; }
}
.az-page-faq .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-faq .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-faq .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-faq .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-faq .cta-band h2{ font-size: 2rem; }
}
.az-page-faq .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-faq .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-faq .accordion-header:hover{ background: #f8f9fa; }
.az-page-faq .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-faq .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-faq .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-faq .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-faq .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-faq .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-faq .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-faq .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-faq .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-faq .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-faq .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-faq .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-home *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.az-page-home .container{
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }
@media  (min-width: 1024px) {.az-page-home .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-home .container{ padding: 0 5rem; }
}
.az-page-home .btn-nav{
            background: #3b82f6;
            color: white !important;
            padding: 8px 20px;
            border-radius: 8px;
            font-weight: 600;
        }
.az-page-home .btn-nav:hover{ background: #2563eb !important; }
.az-page-home svg{
            width: 24px !important;
            height: 24px !important;
            max-width: 24px !important;
            max-height: 24px !important;
            vertical-align: middle;
        }
.az-page-home .service-icon svg,.az-page-home .payment-icon svg,.az-page-home .mobile-btn svg{
            width: 24px !important;
            height: 24px !important;
            max-width: 24px !important;
            max-height: 24px !important;
        }
.az-page-home .container{
            width: 100% !important;
            max-width: 1200px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
.az-page-home img{ max-width: 100%; }
.az-page-home a{ text-decoration: none; }
.az-page-home .hero{
            position: relative;
            background: linear-gradient(to bottom, #ffffff, #f8f9fa);
            padding: 100px 0;
            text-align: left;
            overflow: hidden;
        }
.az-page-home .hero::before{
            content: "";
            position: absolute;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-size: 75px 75px;
            z-index: 0;
        }
.az-page-home .hero::after{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, #ffffff, transparent);
            z-index: 1;
        }
.az-page-home .hero-content{
            position: relative;
            z-index: 2;
            max-width: 900px;
        }
.az-page-home .hero h1{
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 20px;
            background: linear-gradient(to right, #1a1a1a, rgba(26, 26, 26, 0.7));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
.az-page-home .hero p{
            font-size: 1.25rem;
            color: #666;
            margin-bottom: 30px;
            max-width: 700px;
        }
.az-page-home .cta-buttons{
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
.az-page-home .btn{
            display: inline-block;
            padding: 14px 30px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.az-page-home .btn-primary{
            background: #3b82f6;
            color: white;
        }
.az-page-home .btn-primary:hover{
            background: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
        }
.az-page-home .btn-secondary{
            background: white;
            color: #1a1a1a;
            border: 2px solid #e5e7eb;
        }
.az-page-home .btn-secondary:hover{
            border-color: #3b82f6;
            color: #3b82f6;
        }
.az-page-home .section{ padding: 80px 0; }
.az-page-home .section-alt{ background: #f8f9fa; }
.az-page-home .section-header{
            text-align: center;
            margin-bottom: 60px;
        }
.az-page-home .section-header h2{
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
        }
.az-page-home .section-header p{
            font-size: 1.125rem;
            color: #666;
        }
.az-page-home .services-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
.az-page-home .service-card{
            background: white;
            padding: 35px;
            border-radius: 12px;
            border: 2px solid #e5e7eb;
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
            display: block;
        }
.az-page-home .service-card:hover{
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            border-color: #3b82f6;
        }
.az-page-home .service-card:hover .service-learn-more{
            opacity: 1;
        }
.az-page-home .service-icon{
            width: 50px;
            height: 50px;
            background: #eff6ff;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
.az-page-home .service-icon svg{
            width: 28px;
            height: 28px;
            stroke: #3b82f6;
        }
.az-page-home .service-card h3{
            font-size: 1.25rem;
            margin-bottom: 12px;
        }
.az-page-home .service-card p{
            color: #666;
            line-height: 1.7;
            margin-bottom: 0;
        }
.az-page-home .service-learn-more{
            display: inline-block;
            margin-top: 14px;
            font-size: 0.875rem;
            font-weight: 600;
            color: #3b82f6;
            opacity: 0;
            transition: opacity 0.2s;
        }
.az-page-home .services-all-link{
            text-align: center;
            margin-top: 40px;
        }
.az-page-home .services-all-link a{
            font-size: 0.875rem;
            font-weight: 600;
            color: #3b82f6;
            text-decoration: none;
        }
.az-page-home .services-all-link a:hover{ text-decoration: underline; }
.az-page-home .process-flow{
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
        }
.az-page-home .process-step{
            flex: 1;
            min-width: 180px;
            text-align: center;
            position: relative;
        }
.az-page-home .process-step::after{
            content: "→";
            position: absolute;
            right: -20px;
            top: 20px;
            font-size: 2rem;
            color: #3b82f6;
        }
.az-page-home .process-step:last-child::after{ display: none; }
.az-page-home .process-number{
            width: 60px;
            height: 60px;
            background: #3b82f6;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0 auto 15px;
        }
.az-page-home .process-step h4{
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
.az-page-home .process-step p{ color: #666; font-size: 0.9rem; }
.az-page-home .stats-row{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            text-align: center;
        }
.az-page-home .stat-item h3{
            font-size: 3rem;
            color: #3b82f6;
            margin-bottom: 10px;
        }
.az-page-home .stat-item p{
            font-size: 1.125rem;
            color: #666;
        }
.az-page-home .projects-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
        }
.az-page-home .project-card{
            background: white;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
.az-page-home .project-card:hover{
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }
.az-page-home .project-image{
            width: 100%;
            height: 280px;
            background: #f3f4f6;
            overflow: hidden;
        }
.az-page-home .project-image img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
.az-page-home .project-card:hover .project-image img{ transform: scale(1.05); }
.az-page-home .project-content{ padding: 30px; }
.az-page-home .project-tags{
            display: flex;
            gap: 8px;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }
.az-page-home .tag{
            background: #eff6ff;
            color: #3b82f6;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
        }
.az-page-home .project-card h3{
            font-size: 1.5rem;
            margin-bottom: 12px;
        }
.az-page-home .project-card p{
            color: #666;
            line-height: 1.7;
            margin-bottom: 20px;
        }
.az-page-home .project-links{
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
.az-page-home .project-link{
            color: #3b82f6;
            text-decoration: none;
            font-weight: 600;
        }
.az-page-home .project-link:hover{ text-decoration: underline; }
.az-page-home .project-link-details{
            background: #3b82f6;
            color: white;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 8px 16px;
            border-radius: 8px;
            font-size: 0.875rem;
            transition: background 0.2s;
        }
.az-page-home .project-link-details:hover{ background: #2563eb; }
.az-page-home .cta-band{
            background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);
            padding: 60px 40px;
            border-radius: 12px;
            text-align: center;
            color: white;
        }
.az-page-home .cta-band h2{
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
.az-page-home .cta-band p{
            font-size: 1.125rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }
.az-page-home .cta-band .btn{
            background: white;
            color: #1e40af;
            font-weight: 700;
        }
.az-page-home .cta-band .btn:hover{
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(255,255,255,0.25);
        }
.az-page-home .payment-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }
.az-page-home .payment-card{
            background: white;
            padding: 28px;
            border-radius: 12px;
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
.az-page-home .payment-card:hover{
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }
.az-page-home .payment-card.highlight{
            border: 2px solid #3b82f6;
        }
.az-page-home .payment-badge{
            position: absolute;
            top: 0;
            right: 0;
            background: #3b82f6;
            color: white;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 0 12px 0 8px;
        }
.az-page-home .payment-icon{
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            background: #f3f4f6;
            transition: background 0.2s;
        }
.az-page-home .payment-card:hover .payment-icon{ background: #eff6ff; }
.az-page-home .payment-card.highlight .payment-icon{ background: #3b82f6; }
.az-page-home .payment-card.highlight .payment-icon svg{ stroke: white; }
.az-page-home .payment-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-home .payment-card h3{ font-size: 1.125rem; margin-bottom: 8px; }
.az-page-home .payment-card p{ color: #666; font-size: 0.9rem; line-height: 1.6; }
.az-page-home .payment-all-link{ text-align: center; margin-top: 40px; }
.az-page-home .payment-all-link a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-home .payment-all-link a:hover{ text-decoration: underline; }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-home .hero h1{ font-size: 2.5rem; }
.az-page-home .hero p{ font-size: 1.125rem; }
.az-page-home .section-header h2{ font-size: 2rem; }
.az-page-home .services-grid,.az-page-home .projects-grid,.az-page-home .payment-grid{ grid-template-columns: 1fr; }
.az-page-home .process-flow{ flex-direction: column; }
.az-page-home .process-step::after{ display: none; }
.az-page-home .cta-band h2{ font-size: 1.75rem; }
}
.az-page-home *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.az-page-home .container{
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }
@media  (min-width: 1024px) {.az-page-home .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-home .container{ padding: 0 5rem; }
}
.az-page-home .btn-nav{
            background: #3b82f6;
            color: white !important;
            padding: 8px 20px;
            border-radius: 8px;
            font-weight: 600;
        }
.az-page-home .btn-nav:hover{ background: #2563eb !important; }
.az-page-home svg{
            width: 24px !important;
            height: 24px !important;
            max-width: 24px !important;
            max-height: 24px !important;
            vertical-align: middle;
        }
.az-page-home .service-icon svg,.az-page-home .payment-icon svg,.az-page-home .mobile-btn svg{
            width: 24px !important;
            height: 24px !important;
            max-width: 24px !important;
            max-height: 24px !important;
        }
.az-page-home .container{
            width: 100% !important;
            max-width: 1200px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
.az-page-home img{ max-width: 100%; }
.az-page-home a{ text-decoration: none; }
.az-page-home .hero{
            position: relative;
            background: linear-gradient(to bottom, #ffffff, #f8f9fa);
            padding: 100px 0;
            text-align: left;
            overflow: hidden;
        }
.az-page-home .hero::before{
            content: "";
            position: absolute;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-size: 75px 75px;
            z-index: 0;
        }
.az-page-home .hero::after{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, #ffffff, transparent);
            z-index: 1;
        }
.az-page-home .hero-content{
            position: relative;
            z-index: 2;
            max-width: 900px;
        }
.az-page-home .hero h1{
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 20px;
            background: linear-gradient(to right, #1a1a1a, rgba(26, 26, 26, 0.7));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
.az-page-home .hero p{
            font-size: 1.25rem;
            color: #666;
            margin-bottom: 30px;
            max-width: 700px;
        }
.az-page-home .cta-buttons{
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
.az-page-home .btn{
            display: inline-block;
            padding: 14px 30px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.az-page-home .btn-primary{
            background: #3b82f6;
            color: white;
        }
.az-page-home .btn-primary:hover{
            background: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
        }
.az-page-home .btn-secondary{
            background: white;
            color: #1a1a1a;
            border: 2px solid #e5e7eb;
        }
.az-page-home .btn-secondary:hover{
            border-color: #3b82f6;
            color: #3b82f6;
        }
.az-page-home .section{ padding: 80px 0; }
.az-page-home .section-alt{ background: #f8f9fa; }
.az-page-home .section-header{
            text-align: center;
            margin-bottom: 60px;
        }
.az-page-home .section-header h2{
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
        }
.az-page-home .section-header p{
            font-size: 1.125rem;
            color: #666;
        }
.az-page-home .services-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
.az-page-home .service-card{
            background: white;
            padding: 35px;
            border-radius: 12px;
            border: 2px solid #e5e7eb;
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
            display: block;
        }
.az-page-home .service-card:hover{
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            border-color: #3b82f6;
        }
.az-page-home .service-card:hover .service-learn-more{
            opacity: 1;
        }
.az-page-home .service-icon{
            width: 50px;
            height: 50px;
            background: #eff6ff;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
.az-page-home .service-icon svg{
            width: 28px;
            height: 28px;
            stroke: #3b82f6;
        }
.az-page-home .service-card h3{
            font-size: 1.25rem;
            margin-bottom: 12px;
        }
.az-page-home .service-card p{
            color: #666;
            line-height: 1.7;
            margin-bottom: 0;
        }
.az-page-home .service-learn-more{
            display: inline-block;
            margin-top: 14px;
            font-size: 0.875rem;
            font-weight: 600;
            color: #3b82f6;
            opacity: 0;
            transition: opacity 0.2s;
        }
.az-page-home .services-all-link{
            text-align: center;
            margin-top: 40px;
        }
.az-page-home .services-all-link a{
            font-size: 0.875rem;
            font-weight: 600;
            color: #3b82f6;
            text-decoration: none;
        }
.az-page-home .services-all-link a:hover{ text-decoration: underline; }
.az-page-home .process-flow{
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
        }
.az-page-home .process-step{
            flex: 1;
            min-width: 180px;
            text-align: center;
            position: relative;
        }
.az-page-home .process-step::after{
            content: "→";
            position: absolute;
            right: -20px;
            top: 20px;
            font-size: 2rem;
            color: #3b82f6;
        }
.az-page-home .process-step:last-child::after{ display: none; }
.az-page-home .process-number{
            width: 60px;
            height: 60px;
            background: #3b82f6;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0 auto 15px;
        }
.az-page-home .process-step h4{
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
.az-page-home .process-step p{ color: #666; font-size: 0.9rem; }
.az-page-home .stats-row{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            text-align: center;
        }
.az-page-home .stat-item h3{
            font-size: 3rem;
            color: #3b82f6;
            margin-bottom: 10px;
        }
.az-page-home .stat-item p{
            font-size: 1.125rem;
            color: #666;
        }
.az-page-home .projects-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
        }
.az-page-home .project-card{
            background: white;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
.az-page-home .project-card:hover{
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }
.az-page-home .project-image{
            width: 100%;
            height: 280px;
            background: #f3f4f6;
            overflow: hidden;
        }
.az-page-home .project-image img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
.az-page-home .project-card:hover .project-image img{ transform: scale(1.05); }
.az-page-home .project-content{ padding: 30px; }
.az-page-home .project-tags{
            display: flex;
            gap: 8px;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }
.az-page-home .tag{
            background: #eff6ff;
            color: #3b82f6;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
        }
.az-page-home .project-card h3{
            font-size: 1.5rem;
            margin-bottom: 12px;
        }
.az-page-home .project-card p{
            color: #666;
            line-height: 1.7;
            margin-bottom: 20px;
        }
.az-page-home .project-links{
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
.az-page-home .project-link{
            color: #3b82f6;
            text-decoration: none;
            font-weight: 600;
        }
.az-page-home .project-link:hover{ text-decoration: underline; }
.az-page-home .project-link-details{
            background: #3b82f6;
            color: white;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 8px 16px;
            border-radius: 8px;
            font-size: 0.875rem;
            transition: background 0.2s;
        }
.az-page-home .project-link-details:hover{ background: #2563eb; }
.az-page-home .cta-band{
            background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);
            padding: 60px 40px;
            border-radius: 12px;
            text-align: center;
            color: white;
        }
.az-page-home .cta-band h2{
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
.az-page-home .cta-band p{
            font-size: 1.125rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }
.az-page-home .cta-band .btn{
            background: white;
            color: #1e40af;
            font-weight: 700;
        }
.az-page-home .cta-band .btn:hover{
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(255,255,255,0.25);
        }
.az-page-home .payment-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }
.az-page-home .payment-card{
            background: white;
            padding: 28px;
            border-radius: 12px;
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
.az-page-home .payment-card:hover{
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }
.az-page-home .payment-card.highlight{
            border: 2px solid #3b82f6;
        }
.az-page-home .payment-badge{
            position: absolute;
            top: 0;
            right: 0;
            background: #3b82f6;
            color: white;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 0 12px 0 8px;
        }
.az-page-home .payment-icon{
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            background: #f3f4f6;
            transition: background 0.2s;
        }
.az-page-home .payment-card:hover .payment-icon{ background: #eff6ff; }
.az-page-home .payment-card.highlight .payment-icon{ background: #3b82f6; }
.az-page-home .payment-card.highlight .payment-icon svg{ stroke: white; }
.az-page-home .payment-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-home .payment-card h3{ font-size: 1.125rem; margin-bottom: 8px; }
.az-page-home .payment-card p{ color: #666; font-size: 0.9rem; line-height: 1.6; }
.az-page-home .payment-all-link{ text-align: center; margin-top: 40px; }
.az-page-home .payment-all-link a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-home .payment-all-link a:hover{ text-decoration: underline; }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-home .hero h1{ font-size: 2.5rem; }
.az-page-home .hero p{ font-size: 1.125rem; }
.az-page-home .section-header h2{ font-size: 2rem; }
.az-page-home .services-grid,.az-page-home .projects-grid,.az-page-home .payment-grid{ grid-template-columns: 1fr; }
.az-page-home .process-flow{ flex-direction: column; }
.az-page-home .process-step::after{ display: none; }
.az-page-home .cta-band h2{ font-size: 1.75rem; }
}

.az-page-apex-azur *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-apex-azur .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-apex-azur .btn-nav:hover{ background: #2563eb !important; }
.az-page-apex-azur .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-apex-azur .container{ padding: 0 4rem; }
}
.az-page-apex-azur .section{ padding: 80px 0; }
.az-page-apex-azur .section-muted{ background: #f8f9fa; }
.az-page-apex-azur .section-header{ margin-bottom: 48px; }
.az-page-apex-azur .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-apex-azur .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-apex-azur .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-apex-azur .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-apex-azur .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-apex-azur .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-apex-azur .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-apex-azur .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-apex-azur .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-apex-azur .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-apex-azur .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-apex-azur .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-apex-azur .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-apex-azur .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-apex-azur .features-list{ list-style: none; }
.az-page-apex-azur .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-apex-azur .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-apex-azur .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-apex-azur .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-apex-azur .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-apex-azur .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-apex-azur .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-apex-azur .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-apex-azur .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-apex-azur .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-apex-azur .process-steps{ list-style: none; }
.az-page-apex-azur .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-apex-azur .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-apex-azur .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-apex-azur .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-apex-azur .related-links a:hover{ text-decoration: underline; }
.az-page-apex-azur .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-apex-azur .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-apex-azur .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-apex-azur .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-apex-azur .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-apex-azur .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-apex-azur .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-apex-azur .faq-question:hover{ background: #f8f9fa; }
.az-page-apex-azur .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-apex-azur .faq-answer.open{ display: block; }
.az-page-apex-azur .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-apex-azur .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-apex-azur .hero h1{ font-size: 2.25rem; }
.az-page-apex-azur .two-col,.az-page-apex-azur .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-apex-azur .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-apex-azur .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-apex-azur .back-link:hover{ color: #1a1a1a; }
.az-page-apex-azur .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-apex-azur .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-apex-azur .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-apex-azur .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-apex-azur .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-apex-azur .project-hero h1{ font-size: 2.25rem; }
}
.az-page-apex-azur .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-apex-azur .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-apex-azur .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-apex-azur .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-apex-azur .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-apex-azur .next-card p{ color: #666; }
.az-page-apex-azur .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-apex-azur .btn-blue:hover{ background: #2563eb; }
.az-page-apex-azur .related-section{ text-align: center; }
.az-page-apex-azur .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-aztrix-multiservicios *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-aztrix-multiservicios .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-aztrix-multiservicios .btn-nav:hover{ background: #2563eb !important; }
.az-page-aztrix-multiservicios .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-aztrix-multiservicios .container{ padding: 0 4rem; }
}
.az-page-aztrix-multiservicios .section{ padding: 80px 0; }
.az-page-aztrix-multiservicios .section-muted{ background: #f8f9fa; }
.az-page-aztrix-multiservicios .section-header{ margin-bottom: 48px; }
.az-page-aztrix-multiservicios .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-aztrix-multiservicios .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-aztrix-multiservicios .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-aztrix-multiservicios .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-aztrix-multiservicios .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-aztrix-multiservicios .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-aztrix-multiservicios .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-aztrix-multiservicios .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-aztrix-multiservicios .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-aztrix-multiservicios .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-aztrix-multiservicios .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-aztrix-multiservicios .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-aztrix-multiservicios .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-aztrix-multiservicios .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-aztrix-multiservicios .features-list{ list-style: none; }
.az-page-aztrix-multiservicios .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-aztrix-multiservicios .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-aztrix-multiservicios .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-aztrix-multiservicios .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-aztrix-multiservicios .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-aztrix-multiservicios .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-aztrix-multiservicios .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-aztrix-multiservicios .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-aztrix-multiservicios .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-aztrix-multiservicios .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-aztrix-multiservicios .process-steps{ list-style: none; }
.az-page-aztrix-multiservicios .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-aztrix-multiservicios .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-aztrix-multiservicios .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-aztrix-multiservicios .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-aztrix-multiservicios .related-links a:hover{ text-decoration: underline; }
.az-page-aztrix-multiservicios .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-aztrix-multiservicios .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-aztrix-multiservicios .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-aztrix-multiservicios .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-aztrix-multiservicios .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-aztrix-multiservicios .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-aztrix-multiservicios .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-aztrix-multiservicios .faq-question:hover{ background: #f8f9fa; }
.az-page-aztrix-multiservicios .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-aztrix-multiservicios .faq-answer.open{ display: block; }
.az-page-aztrix-multiservicios .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-aztrix-multiservicios .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-aztrix-multiservicios .hero h1{ font-size: 2.25rem; }
.az-page-aztrix-multiservicios .two-col,.az-page-aztrix-multiservicios .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-aztrix-multiservicios .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-aztrix-multiservicios .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-aztrix-multiservicios .back-link:hover{ color: #1a1a1a; }
.az-page-aztrix-multiservicios .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-aztrix-multiservicios .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-aztrix-multiservicios .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-aztrix-multiservicios .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-aztrix-multiservicios .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-aztrix-multiservicios .project-hero h1{ font-size: 2.25rem; }
}
.az-page-aztrix-multiservicios .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-aztrix-multiservicios .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-aztrix-multiservicios .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-aztrix-multiservicios .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-aztrix-multiservicios .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-aztrix-multiservicios .next-card p{ color: #666; }
.az-page-aztrix-multiservicios .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-aztrix-multiservicios .btn-blue:hover{ background: #2563eb; }
.az-page-aztrix-multiservicios .related-section{ text-align: center; }
.az-page-aztrix-multiservicios .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-ezytv *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-ezytv .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-ezytv .btn-nav:hover{ background: #2563eb !important; }
.az-page-ezytv .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-ezytv .container{ padding: 0 4rem; }
}
.az-page-ezytv .section{ padding: 80px 0; }
.az-page-ezytv .section-muted{ background: #f8f9fa; }
.az-page-ezytv .section-header{ margin-bottom: 48px; }
.az-page-ezytv .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-ezytv .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-ezytv .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-ezytv .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-ezytv .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-ezytv .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-ezytv .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-ezytv .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-ezytv .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-ezytv .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-ezytv .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-ezytv .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-ezytv .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-ezytv .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-ezytv .features-list{ list-style: none; }
.az-page-ezytv .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-ezytv .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-ezytv .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-ezytv .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-ezytv .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-ezytv .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-ezytv .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-ezytv .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-ezytv .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-ezytv .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-ezytv .process-steps{ list-style: none; }
.az-page-ezytv .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-ezytv .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-ezytv .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-ezytv .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-ezytv .related-links a:hover{ text-decoration: underline; }
.az-page-ezytv .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-ezytv .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-ezytv .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-ezytv .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-ezytv .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-ezytv .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-ezytv .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-ezytv .faq-question:hover{ background: #f8f9fa; }
.az-page-ezytv .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-ezytv .faq-answer.open{ display: block; }
.az-page-ezytv .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-ezytv .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-ezytv .hero h1{ font-size: 2.25rem; }
.az-page-ezytv .two-col,.az-page-ezytv .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-ezytv .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-ezytv .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-ezytv .back-link:hover{ color: #1a1a1a; }
.az-page-ezytv .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-ezytv .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-ezytv .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-ezytv .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-ezytv .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-ezytv .project-hero h1{ font-size: 2.25rem; }
}
.az-page-ezytv .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-ezytv .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-ezytv .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-ezytv .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-ezytv .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-ezytv .next-card p{ color: #666; }
.az-page-ezytv .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-ezytv .btn-blue:hover{ background: #2563eb; }
.az-page-ezytv .related-section{ text-align: center; }
.az-page-ezytv .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-hambre *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-hambre .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-hambre .btn-nav:hover{ background: #2563eb !important; }
.az-page-hambre .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-hambre .container{ padding: 0 4rem; }
}
.az-page-hambre .section{ padding: 80px 0; }
.az-page-hambre .section-muted{ background: #f8f9fa; }
.az-page-hambre .section-header{ margin-bottom: 48px; }
.az-page-hambre .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-hambre .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-hambre .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-hambre .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-hambre .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-hambre .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-hambre .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-hambre .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-hambre .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-hambre .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-hambre .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-hambre .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-hambre .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-hambre .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-hambre .features-list{ list-style: none; }
.az-page-hambre .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-hambre .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-hambre .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-hambre .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-hambre .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-hambre .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-hambre .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-hambre .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-hambre .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-hambre .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-hambre .process-steps{ list-style: none; }
.az-page-hambre .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-hambre .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-hambre .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-hambre .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-hambre .related-links a:hover{ text-decoration: underline; }
.az-page-hambre .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-hambre .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-hambre .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-hambre .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-hambre .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-hambre .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-hambre .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-hambre .faq-question:hover{ background: #f8f9fa; }
.az-page-hambre .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-hambre .faq-answer.open{ display: block; }
.az-page-hambre .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-hambre .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-hambre .hero h1{ font-size: 2.25rem; }
.az-page-hambre .two-col,.az-page-hambre .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-hambre .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-hambre .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-hambre .back-link:hover{ color: #1a1a1a; }
.az-page-hambre .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-hambre .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-hambre .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-hambre .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-hambre .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-hambre .project-hero h1{ font-size: 2.25rem; }
}
.az-page-hambre .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-hambre .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-hambre .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-hambre .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-hambre .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-hambre .next-card p{ color: #666; }
.az-page-hambre .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-hambre .btn-blue:hover{ background: #2563eb; }
.az-page-hambre .related-section{ text-align: center; }
.az-page-hambre .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-movemate *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-movemate .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-movemate .btn-nav:hover{ background: #2563eb !important; }
.az-page-movemate .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-movemate .container{ padding: 0 4rem; }
}
.az-page-movemate .section{ padding: 80px 0; }
.az-page-movemate .section-muted{ background: #f8f9fa; }
.az-page-movemate .section-header{ margin-bottom: 48px; }
.az-page-movemate .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-movemate .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-movemate .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-movemate .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-movemate .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-movemate .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-movemate .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-movemate .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-movemate .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-movemate .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-movemate .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-movemate .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-movemate .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-movemate .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-movemate .features-list{ list-style: none; }
.az-page-movemate .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-movemate .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-movemate .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-movemate .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-movemate .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-movemate .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-movemate .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-movemate .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-movemate .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-movemate .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-movemate .process-steps{ list-style: none; }
.az-page-movemate .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-movemate .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-movemate .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-movemate .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-movemate .related-links a:hover{ text-decoration: underline; }
.az-page-movemate .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-movemate .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-movemate .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-movemate .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-movemate .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-movemate .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-movemate .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-movemate .faq-question:hover{ background: #f8f9fa; }
.az-page-movemate .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-movemate .faq-answer.open{ display: block; }
.az-page-movemate .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-movemate .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-movemate .hero h1{ font-size: 2.25rem; }
.az-page-movemate .two-col,.az-page-movemate .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-movemate .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-movemate .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-movemate .back-link:hover{ color: #1a1a1a; }
.az-page-movemate .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-movemate .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-movemate .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-movemate .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-movemate .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-movemate .project-hero h1{ font-size: 2.25rem; }
}
.az-page-movemate .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-movemate .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-movemate .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-movemate .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-movemate .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-movemate .next-card p{ color: #666; }
.az-page-movemate .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-movemate .btn-blue:hover{ background: #2563eb; }
.az-page-movemate .related-section{ text-align: center; }
.az-page-movemate .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-tyre-king *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-tyre-king .btn-nav{ background: #3b82f6; color: white !important; padding: 8px 20px; border-radius: 8px; font-weight: 600; }
.az-page-tyre-king .btn-nav:hover{ background: #2563eb !important; }
.az-page-tyre-king .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-tyre-king .container{ padding: 0 4rem; }
}
.az-page-tyre-king .section{ padding: 80px 0; }
.az-page-tyre-king .section-muted{ background: #f8f9fa; }
.az-page-tyre-king .section-header{ margin-bottom: 48px; }
.az-page-tyre-king .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-tyre-king .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-tyre-king .hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 80px 0; }
.az-page-tyre-king .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-tyre-king .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-tyre-king .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-tyre-king .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.az-page-tyre-king .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-tyre-king .btn-secondary{ display: inline-flex; align-items: center; gap: 8px; background: white; color: #1a1a1a; padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid #e5e7eb; transition: border-color 0.2s, color 0.2s; }
.az-page-tyre-king .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-tyre-king .breadcrumb{ display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: #888; margin-bottom: 32px; }
.az-page-tyre-king .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-tyre-king .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-tyre-king .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-tyre-king .features-list{ list-style: none; }
.az-page-tyre-king .features-list li{ display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; color: #444; font-size: 0.95rem; }
.az-page-tyre-king .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-tyre-king .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-tyre-king .tech-badge{ border: 1px solid #e5e7eb; color: #374151; padding: 6px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500; }
.az-page-tyre-king .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-tyre-king .info-card{ background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px; }
.az-page-tyre-king .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-tyre-king .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-tyre-king .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-tyre-king .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-tyre-king .process-steps{ list-style: none; }
.az-page-tyre-king .process-steps li{ display: flex; align-items: flex-start; gap: 16px; padding: 10px 0; }
.az-page-tyre-king .step-num{ width: 32px; height: 32px; flex-shrink: 0; background: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: #3b82f6; }
.az-page-tyre-king .related-links{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.az-page-tyre-king .related-links a{ font-size: 0.875rem; font-weight: 600; color: #3b82f6; text-decoration: none; }
.az-page-tyre-king .related-links a:hover{ text-decoration: underline; }
.az-page-tyre-king .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 60px 40px; border-radius: 12px; text-align: center; color: white; }
.az-page-tyre-king .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-tyre-king .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-tyre-king .cta-band .btn-white{ background: white; color: #1e40af; padding: 13px 30px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: inline-block; }
.az-page-tyre-king .cta-band .btn-white:hover{ transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,255,255,0.25); }
.az-page-tyre-king .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-tyre-king .faq-question{ width: 100%; background: none; border: none; padding: 18px 20px; text-align: left; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #1a1a1a; font-family: inherit; }
.az-page-tyre-king .faq-question:hover{ background: #f8f9fa; }
.az-page-tyre-king .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-tyre-king .faq-answer.open{ display: block; }
.az-page-tyre-king .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-tyre-king .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-tyre-king .hero h1{ font-size: 2.25rem; }
.az-page-tyre-king .two-col,.az-page-tyre-king .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-tyre-king .project-hero{ background: linear-gradient(to bottom, #ffffff, #f8f9fa); padding: 64px 0 80px; }
.az-page-tyre-king .back-link{ display: inline-flex; align-items: center; gap: 6px; color: #666; text-decoration: none; font-size: 0.875rem; font-weight: 500; margin-bottom: 32px; transition: color 0.2s; }
.az-page-tyre-king .back-link:hover{ color: #1a1a1a; }
.az-page-tyre-king .hero-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
@media  (max-width: 768px) {.az-page-tyre-king .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
}
.az-page-tyre-king .tag-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.az-page-tyre-king .tag{ background: #f3f4f6; color: #374151; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; }
.az-page-tyre-king .project-hero h1{ font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin-bottom: 24px; }
@media  (max-width: 768px) {.az-page-tyre-king .project-hero h1{ font-size: 2.25rem; }
}
.az-page-tyre-king .project-hero .desc{ font-size: 1.125rem; color: #666; line-height: 1.7; margin-bottom: 32px; }
.az-page-tyre-king .screenshot-frame{ border-radius: 12px; border: 2px solid #e5e7eb; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.12); aspect-ratio: 16/10; }
.az-page-tyre-king .screenshot-frame img{ width: 100%; height: 100%; object-fit: cover; }
.az-page-tyre-king .next-card{ border: 2px solid #e5e7eb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.az-page-tyre-king .next-card h3{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.az-page-tyre-king .next-card p{ color: #666; }
.az-page-tyre-king .btn-blue{ display: inline-flex; align-items: center; gap: 8px; background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.az-page-tyre-king .btn-blue:hover{ background: #2563eb; }
.az-page-tyre-king .related-section{ text-align: center; }
.az-page-tyre-king .related-section p{ color: #666; margin-bottom: 16px; }

.az-page-portfolio *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-portfolio .btn-nav{
            background: #3b82f6;
            color: white !important;
            padding: 8px 20px;
            border-radius: 8px;
            font-weight: 600;
        }
.az-page-portfolio .btn-nav:hover{ background: #2563eb !important; }
.az-page-portfolio .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-portfolio .container{ padding: 0 4rem; }
}
.az-page-portfolio .section{ padding: 80px 0; }
.az-page-portfolio .section-muted{ background: #f8f9fa; }
.az-page-portfolio .section-header{ margin-bottom: 48px; }
.az-page-portfolio .section-header h2{ font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.az-page-portfolio .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-portfolio .hero{
            background: linear-gradient(to bottom, #ffffff, #f8f9fa);
            padding: 80px 0;
        }
.az-page-portfolio .hero h1{ font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 16px; }
.az-page-portfolio .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin-bottom: 30px; }
.az-page-portfolio .cta-buttons{ display: flex; gap: 15px; flex-wrap: wrap; }
.az-page-portfolio .btn-primary{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #3b82f6;
            color: white;
            padding: 12px 28px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: background 0.2s, transform 0.2s;
        }
.az-page-portfolio .btn-primary:hover{ background: #2563eb; transform: translateY(-1px); }
.az-page-portfolio .btn-secondary{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: white;
            color: #1a1a1a;
            padding: 12px 28px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            border: 2px solid #e5e7eb;
            transition: border-color 0.2s, color 0.2s;
        }
.az-page-portfolio .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-portfolio .breadcrumb{
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.875rem;
            color: #888;
            margin-bottom: 32px;
        }
.az-page-portfolio .breadcrumb a{ color: #888; text-decoration: none; }
.az-page-portfolio .breadcrumb a:hover{ color: #1a1a1a; }
.az-page-portfolio .breadcrumb span{ color: #1a1a1a; font-weight: 500; }
.az-page-portfolio .features-list{ list-style: none; }
.az-page-portfolio .features-list li{
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 8px 0;
            color: #444;
            font-size: 0.95rem;
        }
.az-page-portfolio .check-icon{ width: 20px; height: 20px; flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.az-page-portfolio .tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.az-page-portfolio .tech-badge{
            border: 1px solid #e5e7eb;
            color: #374151;
            padding: 6px 16px;
            border-radius: 8px;
            font-size: 0.875rem;
            font-weight: 500;
        }
.az-page-portfolio .cards-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
.az-page-portfolio .info-card{
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 28px;
        }
.az-page-portfolio .info-card h3{ font-size: 1rem; font-weight: 600; color: #3b82f6; margin-bottom: 12px; }
.az-page-portfolio .info-card p{ color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-portfolio .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.az-page-portfolio .two-col h2{ font-size: 1.75rem; font-weight: 700; margin-bottom: 28px; }
.az-page-portfolio .process-steps{ list-style: none; }
.az-page-portfolio .process-steps li{
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 10px 0;
        }
.az-page-portfolio .step-num{
            width: 32px;
            height: 32px;
            flex-shrink: 0;
            background: #eff6ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.875rem;
            font-weight: 700;
            color: #3b82f6;
        }
.az-page-portfolio .related-links{
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
.az-page-portfolio .related-links a{
            font-size: 0.875rem;
            font-weight: 600;
            color: #3b82f6;
            text-decoration: none;
        }
.az-page-portfolio .related-links a:hover{ text-decoration: underline; }
.az-page-portfolio .cta-band{
            background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);
            padding: 60px 40px;
            border-radius: 12px;
            text-align: center;
            color: white;
        }
.az-page-portfolio .cta-band h2{ font-size: 2.25rem; margin-bottom: 15px; }
.az-page-portfolio .cta-band p{ font-size: 1.125rem; margin-bottom: 30px; opacity: 0.9; }
.az-page-portfolio .cta-band .btn-white{
            background: white;
            color: #1e40af;
            padding: 13px 30px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1rem;
            text-decoration: none;
            transition: transform 0.2s, box-shadow 0.2s;
            display: inline-block;
        }
.az-page-portfolio .cta-band .btn-white:hover{
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(255,255,255,0.25);
        }
.az-page-portfolio .faq-item{ border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-portfolio .faq-question{
            width: 100%;
            background: none;
            border: none;
            padding: 18px 20px;
            text-align: left;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            color: #1a1a1a;
        }
.az-page-portfolio .faq-question:hover{ background: #f8f9fa; }
.az-page-portfolio .faq-answer{ display: none; padding: 0 20px 18px; color: #666; font-size: 0.95rem; line-height: 1.7; }
.az-page-portfolio .faq-answer.open{ display: block; }
.az-page-portfolio .faq-chevron{ width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s; }
.az-page-portfolio .faq-chevron.open{ transform: rotate(180deg); }
@media  (max-width: 1024px) {}
@media  (max-width: 768px) {.az-page-portfolio .hero h1{ font-size: 2.25rem; }
.az-page-portfolio .two-col,.az-page-portfolio .cards-grid{ grid-template-columns: 1fr; }
}
.az-page-portfolio .projects-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
        }
.az-page-portfolio .project-card{
            background: white;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
.az-page-portfolio .project-card:hover{
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
.az-page-portfolio .project-image{
            width: 100%;
            height: 250px;
            background: #f3f4f6;
            overflow: hidden;
        }
.az-page-portfolio .project-image img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
.az-page-portfolio .project-card:hover .project-image img{ transform: scale(1.05); }
.az-page-portfolio .project-content{ padding: 30px; }
.az-page-portfolio .project-tags{ display: flex; gap: 8px; margin-bottom: 15px; flex-wrap: wrap; }
.az-page-portfolio .tag{
            background: #eff6ff;
            color: #3b82f6;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
        }
.az-page-portfolio .project-card h3{ font-size: 1.5rem; margin-bottom: 12px; }
.az-page-portfolio .project-card p{ color: #666; line-height: 1.7; margin-bottom: 20px; }
.az-page-portfolio .project-links{ display: flex; gap: 12px; flex-wrap: wrap; }
.az-page-portfolio .project-link{ color: #3b82f6; text-decoration: none; font-weight: 600; }
.az-page-portfolio .project-link:hover{ text-decoration: underline; }
.az-page-portfolio .project-link-details{
            background: #3b82f6;
            color: white;
            text-decoration: none;
            font-weight: 600;
            padding: 8px 16px;
            border-radius: 8px;
            font-size: 0.875rem;
            transition: background 0.2s;
        }
.az-page-portfolio .project-link-details:hover{ background: #2563eb; }
@media  (max-width: 768px) {.az-page-portfolio .projects-grid{ grid-template-columns: 1fr; }
}

.az-page-custom-software-development *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-custom-software-development .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-custom-software-development .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-custom-software-development .container{ padding: 0 5rem; }
}
.az-page-custom-software-development .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-custom-software-development .mobile-menu-btn{ display: block; }
}
.az-page-custom-software-development .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-custom-software-development .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-custom-software-development .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-custom-software-development .breadcrumb a:hover{ text-decoration: underline; }
.az-page-custom-software-development .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-custom-software-development .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-custom-software-development .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-custom-software-development .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-custom-software-development .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-custom-software-development .section{ padding: 80px 0; }
.az-page-custom-software-development .section-alt{ background: #f8f9fa; }
.az-page-custom-software-development .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-custom-software-development .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-custom-software-development .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-custom-software-development .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-custom-software-development .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-custom-software-development .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-custom-software-development .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-custom-software-development .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-custom-software-development .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-custom-software-development .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-custom-software-development .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-custom-software-development .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-custom-software-development .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-custom-software-development .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-custom-software-development .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-custom-software-development .card p{ color: #6b7280; line-height: 1.7; }
.az-page-custom-software-development .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-custom-software-development .card a:hover{ text-decoration: underline; }
.az-page-custom-software-development .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-custom-software-development .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-custom-software-development .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-custom-software-development .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-custom-software-development .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-custom-software-development .grid-2,.az-page-custom-software-development .grid-3,.az-page-custom-software-development .grid-4{ grid-template-columns: 1fr; }
.az-page-custom-software-development .hero h1{ font-size: 2.25rem; }
.az-page-custom-software-development .section-header h2{ font-size: 2rem; }
}
.az-page-custom-software-development .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-custom-software-development .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-custom-software-development .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-custom-software-development .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-custom-software-development .cta-band h2{ font-size: 2rem; }
}
.az-page-custom-software-development .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-custom-software-development .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-custom-software-development .accordion-header:hover{ background: #f8f9fa; }
.az-page-custom-software-development .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-custom-software-development .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-custom-software-development .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-custom-software-development .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-custom-software-development .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-custom-software-development .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-custom-software-development .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-custom-software-development .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-custom-software-development .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-custom-software-development .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-custom-software-development .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-custom-software-development .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-mobile-app-development *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-mobile-app-development .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-mobile-app-development .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-mobile-app-development .container{ padding: 0 5rem; }
}
.az-page-mobile-app-development .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-mobile-app-development .mobile-menu-btn{ display: block; }
}
.az-page-mobile-app-development .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-mobile-app-development .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-mobile-app-development .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-mobile-app-development .breadcrumb a:hover{ text-decoration: underline; }
.az-page-mobile-app-development .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-mobile-app-development .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-mobile-app-development .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-mobile-app-development .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-mobile-app-development .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-mobile-app-development .section{ padding: 80px 0; }
.az-page-mobile-app-development .section-alt{ background: #f8f9fa; }
.az-page-mobile-app-development .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-mobile-app-development .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-mobile-app-development .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-mobile-app-development .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-mobile-app-development .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-mobile-app-development .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-mobile-app-development .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-mobile-app-development .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-mobile-app-development .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-mobile-app-development .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-mobile-app-development .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-mobile-app-development .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-mobile-app-development .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-mobile-app-development .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-mobile-app-development .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-mobile-app-development .card p{ color: #6b7280; line-height: 1.7; }
.az-page-mobile-app-development .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-mobile-app-development .card a:hover{ text-decoration: underline; }
.az-page-mobile-app-development .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-mobile-app-development .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-mobile-app-development .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-mobile-app-development .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-mobile-app-development .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-mobile-app-development .grid-2,.az-page-mobile-app-development .grid-3,.az-page-mobile-app-development .grid-4{ grid-template-columns: 1fr; }
.az-page-mobile-app-development .hero h1{ font-size: 2.25rem; }
.az-page-mobile-app-development .section-header h2{ font-size: 2rem; }
}
.az-page-mobile-app-development .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-mobile-app-development .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-mobile-app-development .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-mobile-app-development .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-mobile-app-development .cta-band h2{ font-size: 2rem; }
}
.az-page-mobile-app-development .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-mobile-app-development .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-mobile-app-development .accordion-header:hover{ background: #f8f9fa; }
.az-page-mobile-app-development .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-mobile-app-development .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-mobile-app-development .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-mobile-app-development .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-mobile-app-development .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-mobile-app-development .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-mobile-app-development .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-mobile-app-development .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-mobile-app-development .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-mobile-app-development .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-mobile-app-development .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-mobile-app-development .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-saas-development *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-saas-development .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-saas-development .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-saas-development .container{ padding: 0 5rem; }
}
.az-page-saas-development .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-saas-development .mobile-menu-btn{ display: block; }
}
.az-page-saas-development .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-saas-development .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-saas-development .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-saas-development .breadcrumb a:hover{ text-decoration: underline; }
.az-page-saas-development .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-saas-development .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-saas-development .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-saas-development .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-saas-development .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-saas-development .section{ padding: 80px 0; }
.az-page-saas-development .section-alt{ background: #f8f9fa; }
.az-page-saas-development .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-saas-development .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-saas-development .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-saas-development .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-saas-development .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-saas-development .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-saas-development .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-saas-development .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-saas-development .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-saas-development .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-saas-development .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-saas-development .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-saas-development .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-saas-development .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-saas-development .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-saas-development .card p{ color: #6b7280; line-height: 1.7; }
.az-page-saas-development .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-saas-development .card a:hover{ text-decoration: underline; }
.az-page-saas-development .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-saas-development .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-saas-development .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-saas-development .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-saas-development .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-saas-development .grid-2,.az-page-saas-development .grid-3,.az-page-saas-development .grid-4{ grid-template-columns: 1fr; }
.az-page-saas-development .hero h1{ font-size: 2.25rem; }
.az-page-saas-development .section-header h2{ font-size: 2rem; }
}
.az-page-saas-development .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-saas-development .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-saas-development .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-saas-development .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-saas-development .cta-band h2{ font-size: 2rem; }
}
.az-page-saas-development .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-saas-development .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-saas-development .accordion-header:hover{ background: #f8f9fa; }
.az-page-saas-development .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-saas-development .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-saas-development .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-saas-development .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-saas-development .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-saas-development .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-saas-development .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-saas-development .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-saas-development .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-saas-development .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-saas-development .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-saas-development .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-web-development *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-web-development .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-web-development .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-web-development .container{ padding: 0 5rem; }
}
.az-page-web-development .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-web-development .mobile-menu-btn{ display: block; }
}
.az-page-web-development .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-web-development .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-web-development .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-web-development .breadcrumb a:hover{ text-decoration: underline; }
.az-page-web-development .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-web-development .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-web-development .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-web-development .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-web-development .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-web-development .section{ padding: 80px 0; }
.az-page-web-development .section-alt{ background: #f8f9fa; }
.az-page-web-development .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-web-development .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-web-development .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-web-development .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-web-development .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-web-development .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-web-development .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-web-development .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-web-development .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-web-development .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-web-development .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-web-development .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-web-development .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-web-development .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-web-development .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-web-development .card p{ color: #6b7280; line-height: 1.7; }
.az-page-web-development .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-web-development .card a:hover{ text-decoration: underline; }
.az-page-web-development .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-web-development .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-web-development .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-web-development .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-web-development .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-web-development .grid-2,.az-page-web-development .grid-3,.az-page-web-development .grid-4{ grid-template-columns: 1fr; }
.az-page-web-development .hero h1{ font-size: 2.25rem; }
.az-page-web-development .section-header h2{ font-size: 2rem; }
}
.az-page-web-development .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-web-development .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-web-development .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-web-development .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-web-development .cta-band h2{ font-size: 2rem; }
}
.az-page-web-development .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-web-development .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-web-development .accordion-header:hover{ background: #f8f9fa; }
.az-page-web-development .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-web-development .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-web-development .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-web-development .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-web-development .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-web-development .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-web-development .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-web-development .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-web-development .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-web-development .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-web-development .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-web-development .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-development *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-development .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-development .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-development .container{ padding: 0 5rem; }
}
.az-page-development .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-development .mobile-menu-btn{ display: block; }
}
.az-page-development .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-development .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-development .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-development .breadcrumb a:hover{ text-decoration: underline; }
.az-page-development .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-development .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-development .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-development .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-development .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-development .section{ padding: 80px 0; }
.az-page-development .section-alt{ background: #f8f9fa; }
.az-page-development .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-development .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-development .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-development .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-development .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-development .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-development .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-development .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-development .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-development .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-development .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-development .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-development .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-development .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-development .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-development .card p{ color: #6b7280; line-height: 1.7; }
.az-page-development .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-development .card a:hover{ text-decoration: underline; }
.az-page-development .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-development .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-development .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-development .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-development .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-development .grid-2,.az-page-development .grid-3,.az-page-development .grid-4{ grid-template-columns: 1fr; }
.az-page-development .hero h1{ font-size: 2.25rem; }
.az-page-development .section-header h2{ font-size: 2rem; }
}
.az-page-development .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-development .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-development .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-development .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-development .cta-band h2{ font-size: 2rem; }
}
.az-page-development .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-development .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-development .accordion-header:hover{ background: #f8f9fa; }
.az-page-development .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-development .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-development .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-development .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-development .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-development .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-development .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-development .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-development .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-development .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-development .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-development .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}

.az-page-services *{ margin: 0; padding: 0; box-sizing: border-box; }
.az-page-services .container{ max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media  (min-width: 1024px) {.az-page-services .container{ padding: 0 4rem; }
}
@media  (min-width: 1280px) {.az-page-services .container{ padding: 0 5rem; }
}
.az-page-services .mobile-menu-btn{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
@media  (max-width: 900px) {.az-page-services .mobile-menu-btn{ display: block; }
}
.az-page-services .breadcrumb{ padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
.az-page-services .breadcrumb ol{ display: flex; align-items: center; gap: 6px; list-style: none; font-size: 0.875rem; color: #6b7280; flex-wrap: wrap; }
.az-page-services .breadcrumb a{ color: #3b82f6; text-decoration: none; }
.az-page-services .breadcrumb a:hover{ text-decoration: underline; }
.az-page-services .breadcrumb li:not(:first-child)::before{ content: "/"; margin-right: 6px; color: #9ca3af; }
.az-page-services .hero{ background: linear-gradient(to bottom, #fff, #f8f9fa); padding: 80px 0; text-align: center; }
.az-page-services .hero h1{ font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.az-page-services .hero p{ font-size: 1.25rem; color: #666; max-width: 800px; margin: 0 auto 30px; }
.az-page-services .hero-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.az-page-services .section{ padding: 80px 0; }
.az-page-services .section-alt{ background: #f8f9fa; }
.az-page-services .section-header{ text-align: center; margin-bottom: 50px; }
.az-page-services .section-header h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-services .section-header p{ font-size: 1.125rem; color: #666; }
.az-page-services .btn{ display: inline-block; padding: 12px 24px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: none; }
.az-page-services .btn-primary{ background: #1d4ed8; color: #fff; }
.az-page-services .btn-primary:hover{ background: #1e40af; transform: translateY(-2px); }
.az-page-services .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #e5e7eb; }
.az-page-services .btn-secondary:hover{ border-color: #3b82f6; color: #3b82f6; }
.az-page-services .btn-outline{ background: transparent; border: 2px solid #fff; color: #fff; }
.az-page-services .btn-outline:hover{ background: #fff; color: #1d4ed8; }
.az-page-services .card{ background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; padding: 28px; transition: border-color 0.3s, box-shadow 0.3s; }
.az-page-services .card:hover{ border-color: #3b82f6; box-shadow: 0 8px 30px rgba(59,130,246,0.1); }
.az-page-services .card-icon{ width: 48px; height: 48px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.az-page-services .card-icon svg{ width: 24px; height: 24px; stroke: #3b82f6; }
.az-page-services .card h3{ font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.az-page-services .card p{ color: #6b7280; line-height: 1.7; }
.az-page-services .card a{ color: #3b82f6; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-block; margin-top: 12px; }
.az-page-services .card a:hover{ text-decoration: underline; }
.az-page-services .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.az-page-services .grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.az-page-services .grid-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media  (max-width: 1024px) {.az-page-services .grid-4{ grid-template-columns: repeat(2, 1fr); }
.az-page-services .grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media  (max-width: 768px) {.az-page-services .grid-2,.az-page-services .grid-3,.az-page-services .grid-4{ grid-template-columns: 1fr; }
.az-page-services .hero h1{ font-size: 2.25rem; }
.az-page-services .section-header h2{ font-size: 2rem; }
}
.az-page-services .cta-band{ background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%); padding: 80px 0; text-align: center; color: #fff; }
.az-page-services .cta-band h2{ font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; }
.az-page-services .cta-band p{ font-size: 1.125rem; margin-bottom: 35px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; }
.az-page-services .cta-band-buttons{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
@media  (max-width: 768px) {.az-page-services .cta-band h2{ font-size: 2rem; }
}
.az-page-services .accordion-item{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.az-page-services .accordion-header{ padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1.0625rem; transition: background 0.2s; }
.az-page-services .accordion-header:hover{ background: #f8f9fa; }
.az-page-services .accordion-icon{ flex-shrink: 0; width: 20px; height: 20px; transition: transform 0.3s; }
.az-page-services .accordion-item.active .accordion-icon{ transform: rotate(180deg); }
.az-page-services .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.az-page-services .accordion-item.active .accordion-content{ max-height: 600px; }
.az-page-services .accordion-body{ padding: 0 25px 20px; color: #6b7280; line-height: 1.75; }
.az-page-services .info-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; display: flex; gap: 15px; align-items: flex-start; }
.az-page-services .info-icon{ width: 40px; height: 40px; background: #eff6ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.az-page-services .info-icon svg{ width: 20px; height: 20px; stroke: #3b82f6; }
.az-page-services .info-content h3{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.az-page-services .info-content .main-text{ font-weight: 600; color: #1a1a1a; margin-bottom: 2px; }
.az-page-services .info-content .sub-text{ color: #6b7280; font-size: 0.875rem; }
.az-page-services .tag{ display: inline-block; background: #eff6ff; color: #1d4ed8; border-radius: 9999px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; }
@media  (max-width: 1024px) {}
@media  (max-width: 640px) {}


:root{--az-primary:#2563eb;--az-accent:#2563eb;--az-ink:#0f172a}
*{box-sizing:border-box}body{margin:0;background:white;color:var(--az-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--az-primary);text-decoration:none}button,input,select,textarea{font:inherit}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.025em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--az-primary);outline-offset:4px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{position:fixed;z-index:1000;background:#fff;padding:12px}
.az-site-header{position:sticky;top:0;z-index:50;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}.admin-bar .az-site-header{top:32px}.az-shell{width:min(1200px,calc(100% - 64px));margin:auto}.az-header-row{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.az-logo img{height:40px;width:auto;display:block}.az-navigation ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.az-navigation a{display:block;padding:8px 14px;color:#64748b;font-size:14px;font-weight:500;border-radius:6px}.az-navigation a:hover,.az-navigation .current-menu-item>a{background:#f1f5f9;color:#0f172a}.az-navigation .sub-menu{display:none}.az-header-cta,.az-button{display:inline-flex;align-items:center;justify-content:center;background:var(--az-primary);color:#fff;border-radius:8px;padding:10px 22px;font-weight:600;font-size:14px;border:0;cursor:pointer}.az-menu-toggle{display:none;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;background:white}.az-site-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:64px 0 24px}.az-footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:40px}.az-site-footer h3{font-size:14px;margin:0 0 20px}.az-site-footer p,.az-site-footer li,.az-site-footer address{font-size:14px;color:#64748b;line-height:1.7}.az-site-footer ul{list-style:none;padding:0;margin:0}.az-site-footer li{margin:8px 0}.az-site-footer a:not(.az-logo){color:#64748b}.az-site-footer address{font-style:normal}.az-footer-bottom{border-top:1px solid #e2e8f0;margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#64748b;font-size:12px}.az-footer-legal{display:flex;flex-wrap:wrap;gap:18px}.az-logo{display:inline-block}.az-faq{border-bottom:1px solid #e2e8f0;padding:16px 0}.az-faq summary{cursor:pointer;font-weight:600;color:#0f172a}.az-faq-answer{padding:16px 4px;color:#64748b;line-height:1.8}.az-site-main{min-height:60vh}.az-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.az-contact-card{border:1px solid #e2e8f0;border-radius:12px;padding:22px;margin:18px 0}.az-contact-card h3{margin:0 0 8px;font-size:18px}.az-contact-card p{margin:4px 0}.az-contact-form{border:2px solid #e2e8f0;border-radius:12px;padding:32px}.az-form-title{margin-top:0;font-size:26px}.az-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.az-field{margin:0}.az-field--full{grid-column:1/-1}.az-field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.az-field input,.az-field select,.az-field textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:white}.az-form .honeypot{display:none}.az-form .consent-row{font-size:13px;color:#64748b;margin:22px 0}.az-form button{width:100%}.az-notice{padding:16px;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;margin-bottom:24px}.az-legal{max-width:800px;margin:auto;padding:64px 32px}.az-legal h1{font-size:42px}.az-legal h2{margin-top:40px}
/* Consistent reference-project palette; source grids remain scoped to each page. */
.az-site-main .hero h1{font-weight:700}.az-site-main .section-header h2{font-weight:700}.az-site-main .btn-primary{background:var(--az-primary)!important;color:white!important}.az-site-main .service-icon,.az-site-main .card-icon,.az-site-main .stat-item h3{color:var(--az-primary)!important}.az-site-main .container{max-width:1200px!important;width:100%!important;padding-left:32px!important;padding-right:32px!important;margin-left:auto!important;margin-right:auto!important}.az-site-main .hero .container{max-width:1100px!important}.az-site-main .hero{padding:128px 0!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}.az-site-main .hero h1{color:#0f172a!important;font-size:clamp(38px,5vw,72px)!important;max-width:950px;letter-spacing:-.035em;line-height:1.05!important}.az-site-main .hero p{max-width:700px;color:#64748b!important;font-size:20px!important}.az-site-main .section-alt,.az-site-main .section-muted{background:#f8fafc!important}.az-site-main .section{padding:80px 0!important}.az-site-main .hero{position:relative}.az-site-main .hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#94a3b838 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(black,transparent)}.az-site-main .hero .container{position:relative}.az-site-main .project-image{height:auto!important;aspect-ratio:16/10!important;overflow:hidden}.az-site-main .project-image img{width:100%;height:100%;object-fit:cover;object-position:top}.az-site-main .project-card img{object-position:top}.az-site-main .project-image .browser-header{display:none}
@media(max-width:900px){.az-shell{width:calc(100% - 40px)}.az-header-row{gap:12px}.az-header-cta{display:none}.az-navigation a{padding:8px 10px}.az-footer-grid{grid-template-columns:1fr 1fr}.az-contact-grid{gap:30px}.az-site-main .hero{padding:90px 0!important}.az-site-main .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.az-menu-toggle{display:block}.az-navigation{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px}.az-navigation.is-open{display:block}.az-navigation ul{display:block}.az-navigation a{padding:12px}.az-footer-grid{grid-template-columns:1fr}.az-footer-bottom{display:block}.az-footer-legal{margin-top:16px}.az-contact-grid{grid-template-columns:1fr}.az-form-grid{grid-template-columns:1fr}.az-site-main .container{padding-left:20px!important;padding-right:20px!important}.az-site-main .section{padding:56px 0!important}.az-site-main .hero{padding:72px 0!important}.az-site-main .hero p{font-size:18px!important}.az-site-main .hero h1{font-size:42px!important}.az-site-main .services-grid,.az-site-main .projects-grid,.az-site-main .grid-3,.az-site-main .grid-2,.az-site-main .payment-grid{grid-template-columns:1fr!important}.az-site-main [style*="grid-template-columns:1fr 1fr"],.az-site-main [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.az-site-main .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.az-site-main .process-steps{flex-direction:column}.az-site-main .process-step::after{display:none!important}.admin-bar .az-site-header{top:46px}.az-contact-form{padding:24px}.az-page-home .hero-content{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.az-logo{display:flex;align-items:center;gap:8px;color:#0f172a;font-size:17px;font-weight:750;letter-spacing:-.025em}.az-logo span{white-space:nowrap}.az-logo img{height:46px;width:46px;object-fit:contain}.az-site-footer .az-logo img{height:56px;width:56px}.hours-table{width:100%;border-collapse:collapse;font-size:14px}.hours-table td{padding:6px 0;border-bottom:1px solid #e2e8f0}.hours-table td:last-child{text-align:right}.status-pill{display:inline-block;font-size:11px;background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:20px;font-weight:500}.status-pill.is-open{background:#dcfce7;color:#166534}.hours-notice{padding:12px;background:#eff6ff;border-left:3px solid var(--az-primary)}.az-notice{padding:16px}.az-notice--error,.form-notice--error{background:#fef2f2;color:#991b1b}.az-page-contact .hero,.az-page-quote .hero{text-align:center}.az-page-contact .hero p,.az-page-quote .hero p{margin-left:auto;margin-right:auto}.az-page-contact .hero h1,.az-page-quote .hero h1{margin-left:auto;margin-right:auto}
