* {margin:0;padding:0;box-sizing:border-box} :root {--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--dark-bg:#0f0f23;--darker-bg:#0a0a1a;--card-bg:#1a1a2e;--text-primary:#ffffff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#27272a;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%);--gradient-secondary:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#0c4a6e 100%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)} body {font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-primary);background:var(--dark-bg);overflow-x:hidden}  h1,h2,h3,h4,h5,h6 {font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.2}  .container {max-width:1200px;margin:0 auto;padding:0 20px}  .navbar {position:fixed;top:0;width:100%;background:rgba(15,15,35,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all 0.3s ease} .nav-container {max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px} .nav-logo {display:flex;align-items:center} .nav-logo a {display:flex;align-items:center;text-decoration:none;transition:opacity 0.3s ease} .nav-logo a:hover {opacity:0.8} .nav-logo .logo {height:50px;width:auto} .nav-menu {display:flex;gap:2rem} .nav-link {color:var(--text-primary);text-decoration:none;font-weight:500;transition:all 0.3s ease;position:relative} .nav-link:hover {color:var(--primary-color)} .nav-link::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width 0.3s ease} .nav-link:hover::after {width:100%} .nav-dropdown .nav-link i {margin-left:5px;font-size:0.8em;transition:transform 0.3s ease} .nav-dropdown:hover .nav-link i {transform:rotate(180deg)}  .nav-dropdown {position:relative;display:inline-block} .dropdown-content {display:none;position:absolute;background:rgba(15,15,35,0.95);backdrop-filter:blur(20px);min-width:220px;box-shadow:0 8px 16px rgba(0,0,0,0.3);z-index:1001;border-radius:8px;overflow:hidden;top:100%;left:0;border:1px solid var(--border-color)} .nav-dropdown:hover .dropdown-content {display:block} .dropdown-content a {color:var(--text-primary);padding:12px 16px;text-decoration:none;display:block;transition:all 0.3s ease;border-bottom:1px solid var(--border-color);font-weight:500} .dropdown-content a:last-child {border-bottom:none} .dropdown-content a:hover {background-color:rgba(99,102,241,0.1);color:var(--primary-color);padding-left:20px}  .mega-menu {min-width:900px;max-width:1200px;left:50%;transform:translateX(-50%);padding:30px;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.3);background:linear-gradient(135deg,rgba(15,15,35,0.98) 0%,rgba(26,26,46,0.98) 100%);backdrop-filter:blur(25px);border:1px solid rgba(99,102,241,0.2);animation:megaMenuFadeIn 0.3s ease-out} @keyframes megaMenuFadeIn {from {opacity:0;transform:translateX(-50%) translateY(-10px)} to {opacity:1;transform:translateX(-50%) translateY(0)}} .mega-menu-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px} .mega-menu-column {position:relative;padding:0 10px} .mega-menu-column::before {content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(99,102,241,0.2),transparent)} .mega-menu-column:last-child::before {display:none} .mega-menu-column h4 {color:var(--primary-color);margin-bottom:15px;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;border-bottom:2px solid rgba(99,102,241,0.3);padding-bottom:8px;transition:all 0.3s ease;position:relative} .mega-menu-column h4::after {content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width 0.3s ease} .mega-menu-column:hover h4::after {width:100%} .mega-menu-column h4:hover {color:var(--accent-color);border-bottom-color:var(--accent-color)} .mega-menu-column h4 a {color:inherit;text-decoration:none;transition:all 0.3s ease} .mega-menu-column h4 a:hover {color:var(--accent-color)} .mega-menu-column a {color:var(--text-secondary);padding:10px 0;text-decoration:none;display:block;transition:all 0.3s ease;font-size:0.9rem;font-weight:500;border-radius:6px;position:relative;padding-left:12px} .mega-menu-column a:hover {color:var(--primary-color);background-color:rgba(99,102,241,0.08);padding-left:16px;transform:translateX(4px)} .mega-menu-column a::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width 0.3s ease} .mega-menu-column a:hover::before {width:4px}  .industries-overview {padding:80px 0} .industries-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:60px} .industry-category {background:rgba(15,15,35,0.3);border:1px solid var(--border-color);border-radius:12px;padding:30px;transition:all 0.3s ease} .industry-category:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);border-color:var(--primary-color)} .category-header h3 {color:var(--primary-color);margin-bottom:10px;font-size:1.3rem} .category-header p {color:var(--text-secondary);margin-bottom:25px;font-size:0.95rem} .industry-links {display:flex;flex-direction:column;gap:15px} .industry-link {display:flex;align-items:center;gap:15px;padding:15px;background:rgba(15,15,35,0.2);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;border:1px solid transparent} .industry-link:hover {background:rgba(99,102,241,0.1);border-color:var(--primary-color);transform:translateX(5px)} .industry-icon {font-size:1.5rem;min-width:40px;text-align:center} .industry-info h4 {color:var(--text-primary);margin-bottom:5px;font-size:1rem;font-weight:600} .industry-info p {color:var(--text-secondary);font-size:0.85rem;margin:0} .nav-toggle {display:none;flex-direction:column;cursor:pointer} .bar {width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:0.3s}  .hero {min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden} .hero-container {max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2} .hero-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:80px} .hero-title {font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1} .gradient-text {background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero-subtitle {font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6} .hero-buttons {display:flex;gap:1rem;flex-wrap:wrap} .btn {display:inline-block;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem} .btn-primary {background:var(--gradient-primary);color:white;box-shadow:var(--shadow-lg)} .btn-primary:hover {transform:translateY(-2px);box-shadow:var(--shadow-xl)} .btn-secondary {background:transparent;color:var(--text-primary);border:2px solid var(--border-color)} .btn-secondary:hover {border-color:var(--primary-color);color:var(--primary-color)}  .floating-elements {position:relative;height:400px} .floating-card {position:absolute;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1rem;animation:float 6s ease-in-out infinite} .floating-card i {font-size:2rem;color:var(--primary-color)} .floating-card span {font-weight:600;color:var(--text-primary)} .card-1 {top:0;left:0;animation-delay:0s} .card-2 {top:100px;right:0;animation-delay:2s} .card-3 {bottom:0;left:50%;transform:translateX(-50%);animation-delay:4s} @keyframes float {0%,100% {transform:translateY(0px)} 50% {transform:translateY(-20px)}}  .hero-background {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1} .gradient-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,0.1) 0%,transparent 50%)} .particles {position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(99,102,241,0.3) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(139,92,246,0.3) 1px,transparent 1px);background-size:50px 50px;animation:particle-float 20s linear infinite} @keyframes particle-float {0% {transform:translateY(0px)} 100% {transform:translateY(-50px)}}  .section-header {text-align:center;margin-bottom:4rem} .section-title {font-size:3rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .section-subtitle {font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}  .services {padding:6rem 0;background:var(--darker-bg)} .services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem} .service-card {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all 0.3s ease;position:relative;overflow:hidden} .service-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;z-index:-1} .service-card:hover {transform:translateY(-10px);border-color:var(--primary-color)} .service-card:hover::before {opacity:0.05} .service-icon {width:60px;height:60px;background:var(--gradient-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem} .service-icon i {font-size:1.5rem;color:white} .service-card h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)} .service-card p {color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6} .service-features {list-style:none} .service-features li {color:var(--text-muted);margin-bottom:0.5rem;position:relative;padding-left:1.5rem} .service-features li::before {content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:bold}  .local-services {padding:80px 0;background:var(--card-bg);position:relative} .local-services::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(139,92,246,0.05) 50%,rgba(6,182,212,0.05) 100%);pointer-events:none} .local-services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem} .local-service-card {background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all 0.3s ease;position:relative;overflow:hidden} .local-service-card::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;z-index:1} .local-service-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-xl)} .local-service-card:hover::before {opacity:0.05} .local-service-icon {width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:2} .local-service-icon i {font-size:1.5rem;color:var(--text-primary)} .local-service-card h3 {font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);position:relative;z-index:2} .local-service-card p {color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;position:relative;z-index:2} .local-service-link {color:var(--primary-color);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;position:relative;z-index:2} .local-service-link:hover {color:var(--accent-color);transform:translateX(4px)} .local-cta {text-align:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:3rem;margin-top:2rem} .local-cta h3 {font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)} .local-cta p {color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}  .tech-slider-section {padding:80px 0;background:var(--darker-bg);position:relative;overflow:hidden} .tech-slider-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(139,92,246,0.05) 50%,rgba(6,182,212,0.05) 100%);pointer-events:none} .tech-slider-container {position:relative;max-width:100%;overflow:hidden;margin-top:40px} .tech-slider {display:flex;animation:slide 30s linear infinite;width:calc(220px * 14)} .tech-slide {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:200px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:0 10px;transition:all 0.3s ease;position:relative;overflow:hidden} .tech-slide::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.1),transparent);transition:left 0.5s ease} .tech-slide:hover::before {left:100%} .tech-slide:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)} .tech-logo {width:60px;height:60px;object-fit:contain;margin-bottom:12px;filter:grayscale(100%);transition:all 0.3s ease} .tech-slide:hover .tech-logo {filter:grayscale(0%);transform:scale(1.1)} .tech-name {font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center;transition:color 0.3s ease} .tech-slide:hover .tech-name {color:var(--text-primary)} @keyframes slide {0% {transform:translateX(0)} 100% {transform:translateX(-50%)}}  .tech-slider-container:hover .tech-slider {animation-play-state:paused}  .about {padding:6rem 0;background:var(--dark-bg)} .about-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .about-text h2 {font-size:3rem;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .about-text p {color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem} .stats {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem} .stat {text-align:center} .stat-number {display:block;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0.5rem} .stat-label {color:var(--text-muted);font-size:0.9rem} .about-image {display:flex;justify-content:center;align-items:center} .image-container {position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl)} .about-img {width:100%;height:auto;max-width:400px}  .portfolio {padding:6rem 0;background:var(--darker-bg)} .portfolio-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem} .portfolio-item {position:relative;border-radius:20px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color);transition:all 0.3s ease} .portfolio-item:hover {transform:translateY(-10px);border-color:var(--primary-color)} .portfolio-image {position:relative;overflow:hidden} .portfolio-image img {width:100%;height:250px;object-fit:cover;transition:transform 0.3s ease} .portfolio-item:hover .portfolio-image img {transform:scale(1.1)} .portfolio-overlay {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(15,15,35,0.9));padding:2rem;transform:translateY(100%);transition:transform 0.3s ease} .portfolio-item:hover .portfolio-overlay {transform:translateY(0)} .portfolio-overlay h3 {color:var(--text-primary);margin-bottom:0.5rem} .portfolio-overlay p {color:var(--text-secondary);margin-bottom:1rem} .portfolio-link {color:var(--primary-color);text-decoration:none;font-weight:600;transition:color 0.3s ease} .portfolio-link:hover {color:var(--accent-color)}  .contact {padding:6rem 0;background:var(--dark-bg)} .contact-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem} .contact-info {display:flex;flex-direction:column;gap:2rem} .contact-item {display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;transition:all 0.3s ease} .contact-item:hover {border-color:var(--primary-color);transform:translateX(10px)} .contact-icon {width:50px;height:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .contact-icon i {color:white;font-size:1.2rem} .contact-details h3 {color:var(--text-primary);margin-bottom:0.25rem} .contact-details p {color:var(--text-secondary)}  .contact-item {background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:15px;padding:25px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease} .contact-item:hover {background:rgba(255,255,255,0.15);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2)} .contact-icon {background:linear-gradient(45deg,#ff6b6b,#feca57);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,0.2)} .contact-icon i {font-size:24px;color:white} .contact-details h3 {font-size:18px;margin-bottom:8px;font-weight:600} .contact-details p {font-size:16px;opacity:0.9;margin:0}  .newsletter-consent {margin:15px 0} .checkbox-container {display:flex;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.4;color:var(--text-secondary)} .checkbox-container input[type="checkbox"] {position:absolute;opacity:0;cursor:pointer;height:0;width:0} .checkmark {height:24px;width:24px;background-color:var(--darker-bg);border:2px solid var(--border-color);border-radius:6px;margin-right:12px;margin-top:0;position:relative;transition:all 0.3s ease;flex-shrink:0} .checkbox-container:hover input ~ .checkmark {border-color:var(--primary-color);transform:scale(1.05)} .checkbox-container input:checked ~ .checkmark {background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px rgba(99,102,241,0.3)} .checkmark:after {content:"";position:absolute;display:none;left:8px;top:4px;width:8px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)} .checkbox-container input:checked ~ .checkmark:after {display:block} .consent-text {flex:1;font-size:14px;color:var(--text-secondary);line-height:1.5}  .contact-form {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem} .form-group {margin-bottom:1.5rem} .form-group input,.form-group select,.form-group textarea {width:100%;padding:1rem;background:var(--darker-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all 0.3s ease} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)} .form-group input::placeholder,.form-group textarea::placeholder {color:var(--text-muted)}  .footer {background:var(--darker-bg);border-top:1px solid var(--border-color);padding:4rem 0 2rem} .footer-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem} .footer-section h3 {color:var(--text-primary);margin-bottom:1rem} .footer-section p {color:var(--text-secondary);line-height:1.6} .footer-section ul {list-style:none} .footer-section ul li {margin-bottom:0.5rem} .footer-section ul li a {color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease} .footer-section ul li a:hover {color:var(--primary-color)} .footer-section ul li i {margin-right:0.5rem;color:var(--primary-color)} .footer-logo {height:40px;width:auto;margin-bottom:1rem} .footer-bottom {text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}  @media (max-width:768px) {.nav-menu {position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--card-bg);width:100%;height:calc(100vh - 80px);text-align:center;transition:0.3s;box-shadow:var(--shadow-lg);padding:2rem 0;overflow-y:auto;z-index:999} .nav-menu.active {left:0} .nav-toggle {display:flex} .nav-menu .nav-link {padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:1.1rem;font-weight:500} .nav-menu .nav-link:last-child {border-bottom:none} .nav-dropdown {width:100%} .nav-dropdown .nav-link {justify-content:center;align-items:center} .hero-content {grid-template-columns:1fr;text-align:center;gap:2rem} .hero-title {font-size:2.5rem} .hero-buttons {justify-content:center} .floating-elements {height:300px} .about-content {grid-template-columns:1fr;gap:2rem} .contact-content {grid-template-columns:1fr;gap:2rem} .services-grid {grid-template-columns:1fr} .portfolio-grid {grid-template-columns:1fr} .stats {grid-template-columns:1fr;gap:1rem} .section-title {font-size:2rem} .tech-slide {min-width:150px;padding:15px} .tech-logo {width:50px;height:50px} .tech-name {font-size:12px} .mega-menu {min-width:auto;max-width:none;left:0;transform:none;position:static;display:none;background:transparent;box-shadow:none;border:none;border-radius:0;padding:0;margin:0;max-height:none;overflow-y:visible} .nav-dropdown.active .mega-menu {display:block} .mega-menu-grid {display:block;gap:0} .mega-menu-column h4 {display:none} .mega-menu-column a {padding:12px 20px;font-size:0.95rem;display:block;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;transition:all 0.3s ease} .mega-menu-column a:hover {background-color:rgba(99,102,241,0.15);padding-left:25px} .mega-menu-column::before {display:none} .dropdown-content {position:static;width:100%;background:transparent;box-shadow:none;border:none;border-radius:0;margin-top:10px;display:none} .nav-dropdown.active .dropdown-content {display:block} .dropdown-content a {padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center} .industries-grid {grid-template-columns:1fr;gap:30px} .industry-category {padding:20px} .industry-link {padding:12px}} @media (max-width:480px) {.hero-title {font-size:2rem} .hero-subtitle {font-size:1rem} .btn {padding:0.75rem 1.5rem;font-size:0.9rem} .container {padding:0 15px}}  @keyframes fadeInUp {from {opacity:0;transform:translateY(30px)} to {opacity:1;transform:translateY(0)}} .fade-in-up {animation:fadeInUp 0.6s ease-out}  .scroll-reveal {opacity:0;transform:translateY(30px);transition:all 0.6s ease} .scroll-reveal.revealed {opacity:1;transform:translateY(0)}  .page-header {min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--darker-bg)} .page-header-content {text-align:center;position:relative;z-index:2} .page-title {font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-subtitle {font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto} .page-header-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}  .about-page {padding:6rem 0;background:var(--dark-bg)} .approach-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem} .approach-item {text-align:center;padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;transition:all 0.3s ease} .approach-item:hover {transform:translateY(-5px);border-color:var(--primary-color)} .approach-icon {width:60px;height:60px;background:var(--gradient-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem} .approach-icon i {font-size:1.5rem;color:white} .approach-item h4 {color:var(--text-primary);margin-bottom:1rem} .approach-item p {color:var(--text-secondary);line-height:1.6}  .stats-section {padding:6rem 0;background:var(--darker-bg)}  .team-section {padding:6rem 0;background:var(--dark-bg)} .team-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem} .team-member {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s ease} .team-member:hover {transform:translateY(-10px);border-color:var(--primary-color)} .member-image {width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 1.5rem} .member-image img {width:100%;height:100%;object-fit:cover} .member-info h3 {color:var(--text-primary);margin-bottom:0.5rem} .member-role {color:var(--primary-color);font-weight:600;margin-bottom:1rem} .member-bio {color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem} .member-skills {display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center} .skill {background:var(--gradient-primary);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500}  .values-section {padding:6rem 0;background:var(--darker-bg)} .values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem} .value-card {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s ease} .value-card:hover {transform:translateY(-10px);border-color:var(--primary-color)} .value-icon {width:60px;height:60px;background:var(--gradient-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem} .value-icon i {font-size:1.5rem;color:white} .value-card h3 {color:var(--text-primary);margin-bottom:1rem} .value-card p {color:var(--text-secondary);line-height:1.6}  .services-overview {padding:6rem 0;background:var(--dark-bg)} .service-link {color:var(--primary-color);text-decoration:none;font-weight:600;transition:color 0.3s ease} .service-link:hover {color:var(--accent-color)}  .pricing-section {padding:6rem 0;background:var(--darker-bg)} .pricing-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto} .pricing-card {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s ease;position:relative} .pricing-card.featured {border-color:var(--primary-color);transform:scale(1.05)} .pricing-card:hover {transform:translateY(-10px);border-color:var(--primary-color)} .pricing-card.featured:hover {transform:scale(1.05) translateY(-10px)} .pricing-header h3 {color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;font-weight:700} .pricing-description {color:var(--text-secondary);font-size:0.95rem;line-height:1.5;margin-bottom:1.5rem} .price {margin-bottom:2rem} .currency {font-size:1.5rem;color:var(--text-secondary);vertical-align:top} .amount {font-size:3rem;font-weight:700;color:var(--primary-color)} .period {color:var(--text-secondary);font-size:1rem} .pricing-features {list-style:none;margin-bottom:2rem} .pricing-features li {color:var(--text-secondary);margin-bottom:0.75rem;position:relative;padding-left:1.5rem} .pricing-features li::before {content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:bold}  .process-section {padding:6rem 0;background:var(--dark-bg)} .process-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem} .process-step {display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;transition:all 0.3s ease} .process-step:hover {border-color:var(--primary-color);transform:translateX(10px)} .step-number {width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;flex-shrink:0} .step-content h3 {color:var(--text-primary);margin-bottom:0.5rem} .step-content p {color:var(--text-secondary);line-height:1.6}  .technologies-section {padding:6rem 0;background:var(--darker-bg)} .tech-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem} .tech-category h3 {color:var(--text-primary);margin-bottom:1rem;text-align:center} .tech-items {display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center} .tech-item {background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;transition:all 0.3s ease} .tech-item:hover {border-color:var(--primary-color);color:var(--primary-color)}  .portfolio-filter {padding:3rem 0;background:var(--dark-bg)} .filter-buttons {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap} .filter-btn {background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:0.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all 0.3s ease;font-weight:500;display:flex;align-items:center;gap:0.5rem} .filter-btn i {font-size:1rem} .filter-text {display:inline} .filter-btn:hover,.filter-btn.active {border-color:var(--primary-color);color:var(--primary-color)} .portfolio-grid-section {padding:3rem 0 6rem;background:var(--darker-bg)} .portfolio-details {display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem} .tech-tag {background:rgba(99,102,241,0.2);color:var(--primary-color);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.8rem;font-weight:500}  .case-studies {padding:6rem 0;background:var(--dark-bg)} .case-studies-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem} .case-study {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all 0.3s ease} .case-study:hover {transform:translateY(-10px);border-color:var(--primary-color)} .case-study-image {height:250px;overflow:hidden} .case-study-image img {width:100%;height:100%;object-fit:cover} .case-study-content {padding:2rem} .case-study-content h3 {color:var(--text-primary);margin-bottom:0.5rem} .case-study-category {color:var(--primary-color);font-weight:600;margin-bottom:1rem} .case-study-description {color:var(--text-secondary);line-height:1.6;margin-bottom:2rem} .case-study-results {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem} .result-item {text-align:center} .result-number {display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)} .result-label {color:var(--text-muted);font-size:0.8rem} .case-study-tech h4 {color:var(--text-primary);margin-bottom:1rem}  .testimonials-section {padding:6rem 0;background:var(--darker-bg)} .testimonials-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem} .testimonial-card {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all 0.3s ease} .testimonial-card:hover {transform:translateY(-5px);border-color:var(--primary-color)} .testimonial-content p {color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-style:italic} .testimonial-author {display:flex;justify-content:space-between;align-items:center} .author-info h4 {color:var(--text-primary);margin-bottom:0.25rem} .author-info p {color:var(--text-muted);font-size:0.9rem} .testimonial-rating {color:#fbbf24}  .contact-page {padding:6rem 0;background:var(--dark-bg)} .contact-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem} .contact-info h2 {color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem} .contact-info > p {color:var(--text-secondary);line-height:1.6;margin-bottom:3rem;font-size:1.1rem} .contact-methods {display:flex;flex-direction:column;gap:2rem} .contact-form-container {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem} .contact-form h3 {color:var(--text-primary);margin-bottom:2rem;text-align:center} .form-row {display:grid;grid-template-columns:1fr 1fr;gap:1rem} .form-group {margin-bottom:1.5rem} .form-group label {display:block;color:var(--text-primary);margin-bottom:0.5rem;font-weight:500} .form-group input,.form-group select,.form-group textarea {width:100%;padding:1rem;background:var(--darker-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all 0.3s ease} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)} .form-group input::placeholder,.form-group textarea::placeholder {color:var(--text-muted)} .checkbox-group {display:flex;align-items:center;gap:0.5rem} .checkbox-group input[type="checkbox"] {width:auto} .checkbox-group label {margin-bottom:0;font-size:0.9rem}  .faq-section {padding:6rem 0;background:var(--darker-bg)} .faq-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem} .faq-item {background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;transition:all 0.3s ease} .faq-item:hover {border-color:var(--primary-color)} .faq-question {padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease} .faq-question:hover {background:rgba(99,102,241,0.05)} .faq-question h3 {color:var(--text-primary);margin:0;font-size:1.1rem} .faq-question i {color:var(--text-secondary);transition:transform 0.3s ease} .faq-item.active .faq-question i {transform:rotate(180deg)} .faq-answer {padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.6;display:none} .faq-item.active .faq-answer {display:block}  .map-section {padding:6rem 0;background:var(--dark-bg)} .map-container {max-width:800px;margin:0 auto} .map-placeholder {background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:3rem;text-align:center} .map-content i {font-size:3rem;color:var(--primary-color);margin-bottom:1rem} .map-content h3 {color:var(--text-primary);margin-bottom:0.5rem} .map-content p {color:var(--text-secondary);margin-bottom:0.5rem}  .cta-section {padding:6rem 0;background:var(--darker-bg);text-align:center} .cta-content h2 {color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem} .cta-content p {color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto} .cta-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}  @media (max-width:768px) {.page-title {font-size:2.5rem} .contact-content {grid-template-columns:1fr;gap:2rem} .form-row {grid-template-columns:1fr} .faq-grid {grid-template-columns:1fr} .case-studies-grid {grid-template-columns:1fr} .pricing-grid {grid-template-columns:1fr} .pricing-card.featured {transform:none} .pricing-card.featured:hover {transform:translateY(-10px)} .process-grid {grid-template-columns:1fr} .team-grid {grid-template-columns:1fr} .values-grid {grid-template-columns:1fr} .approach-grid {grid-template-columns:1fr} .tech-grid {grid-template-columns:1fr} .filter-buttons {flex-direction:row;align-items:center;gap:0.5rem} .filter-btn {padding:0.75rem;min-width:50px;justify-content:center} .filter-text {display:none} .filter-btn i {font-size:1.2rem} .cta-buttons {flex-direction:column;align-items:center}}  .service-page {padding:80px 0} .service-intro {text-align:center;max-width:800px;margin:0 auto 4rem} .service-intro h2 {font-size:2.5rem;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .service-intro p {font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.7} .service-features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem} .service-feature-card {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;position:relative;overflow:hidden} .service-feature-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.3s ease} .service-feature-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-xl)} .service-feature-card:hover::before {transform:scaleX(1)} .feature-icon {width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden} .feature-icon i {font-size:1.5rem;color:white;z-index:2} .service-feature-card h3 {font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)} .service-feature-card p {color:var(--text-secondary);line-height:1.6} .service-cta {text-align:center;background:var(--card-bg);padding:3rem;border-radius:12px;border:1px solid var(--border-color)} .service-cta h3 {font-size:2rem;margin-bottom:1rem;color:var(--text-primary)} .service-cta p {font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem} .service-checklist {list-style:none;margin:1.5rem 0;text-align:left} .service-checklist li {color:var(--text-secondary);margin-bottom:0.5rem;font-size:1.1rem} .platforms-section {margin:2rem 0;text-align:left} .platforms-section h3 {font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)} .platform-list {list-style:none;display:flex;flex-wrap:wrap;gap:1rem} .platform-list li {background:var(--card-bg);padding:0.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);color:var(--text-secondary)} .management-section {margin:2rem 0;padding:2rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)} .management-section h3 {font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)} .management-section p {color:var(--text-secondary);line-height:1.6}  @media (max-width:768px) {.service-features-grid {grid-template-columns:1fr} .service-intro h2 {font-size:2rem} .service-cta {padding:2rem} .service-cta h3 {font-size:1.5rem} .platform-list {flex-direction:column}}  .lead-magnet-section {padding:80px 0;background:var(--darker-bg);position:relative} .lead-magnet-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.1) 50%,rgba(6,182,212,0.1) 100%);pointer-events:none} .lead-magnet-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem} .lead-magnet-card {background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden} .lead-magnet-card::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.5s ease} .lead-magnet-card:hover::before {left:100%} .lead-magnet-card:hover {transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)} .lead-magnet-icon {width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white} .lead-magnet-card h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)} .lead-magnet-card p {color:var(--text-secondary);margin-bottom:2rem;line-height:1.6} .lead-form {display:flex;flex-direction:column;gap:1rem} .lead-form input[type="email"] {padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--dark-bg);color:var(--text-primary);font-size:1rem;transition:all 0.3s ease} .lead-form input[type="email"]:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)} .lead-form input[type="email"]::placeholder {color:var(--text-muted)} .lead-form .btn {width:100%;padding:1rem;font-size:1rem;font-weight:600} @media (max-width:768px) {.lead-magnet-grid {grid-template-columns:1fr;gap:1.5rem} .lead-magnet-card {padding:1.5rem} .lead-magnet-icon {width:60px;height:60px;font-size:1.5rem} .lead-magnet-card h3 {font-size:1.25rem}}  .case-study-header {padding:120px 0 80px;background:var(--darker-bg);position:relative} .case-study-header::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.1) 50%,rgba(6,182,212,0.1) 100%);pointer-events:none} .case-study-hero {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .case-study-image img {width:100%;border-radius:15px;box-shadow:var(--shadow-xl)} .case-study-category {background:var(--gradient-primary);color:white;padding:0.5rem 1rem;border-radius:25px;font-size:0.9rem;font-weight:600;display:inline-block;margin-bottom:1rem} .case-study-intro h1 {font-size:3rem;margin-bottom:1rem;color:var(--text-primary)} .case-study-subtitle {font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6} .case-study-meta {display:flex;gap:2rem;flex-wrap:wrap} .meta-item {display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary)} .meta-item i {color:var(--primary-color)} .case-study-section {padding:80px 0} .overview-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem} .overview-item {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color)} .overview-item h3 {color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem} .overview-item p {color:var(--text-secondary);line-height:1.6} .before-after-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem} .before-after-item {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color)} .before-after-item h3 {color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem} .before-after-item ul {list-style:none} .before-after-item li {color:var(--text-secondary);margin-bottom:0.8rem;padding-left:1.5rem;position:relative} .before-after-item li::before {content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:bold} .tech-implementation {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem} .tech-category {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color)} .tech-category h3 {color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem} .tech-category ul {list-style:none} .tech-category li {color:var(--text-secondary);margin-bottom:0.5rem;padding-left:1rem;position:relative} .tech-category li::before {content:'•';position:absolute;left:0;color:var(--primary-color)} .results-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem} .result-card {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:all 0.3s ease} .result-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)} .result-number {font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0.5rem} .result-label {color:var(--text-secondary);font-size:1rem}  .case-study-section .testimonial {background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;margin:2rem 0;position:relative;font-style:italic;color:var(--text-secondary);line-height:1.8;font-size:1.1rem} .case-study-section .testimonial::before {content:'"';position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:var(--primary-color);opacity:0.3;font-family:serif} .case-study-section .testimonial cite {display:block;margin-top:1.5rem;font-style:normal;color:var(--text-primary);font-weight:600;font-size:1rem} .process-timeline {margin-top:3rem} .timeline-item {display:flex;gap:2rem;margin-bottom:3rem;position:relative} .timeline-item:not(:last-child)::after {content:'';position:absolute;left:25px;top:60px;bottom:-30px;width:2px;background:var(--border-color)} .timeline-number {width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.2rem;flex-shrink:0} .timeline-content h3 {color:var(--text-primary);margin-bottom:0.5rem;font-size:1.3rem} .timeline-content p {color:var(--text-secondary);line-height:1.6}  .case-study-content {max-width:100%}  .case-study-section:not(:last-child) {border-bottom:1px solid var(--border-color);margin-bottom:0} .case-study-section:last-child {border-bottom:none}  .case-study-header .container {position:relative;z-index:2}  @media (max-width:768px) {.case-study-hero {grid-template-columns:1fr;gap:2rem} .case-study-intro h1 {font-size:2rem} .case-study-meta {flex-direction:column;gap:1rem} .before-after-grid {grid-template-columns:1fr;gap:2rem} .tech-implementation {grid-template-columns:1fr} .results-grid {grid-template-columns:repeat(2,1fr)} .timeline-item {flex-direction:column;gap:1rem} .timeline-item:not(:last-child)::after {display:none} .case-study-section .testimonial {padding:2rem;font-size:1rem} .case-study-section .testimonial::before {font-size:3rem;top:0.5rem;left:1rem}} @media (max-width:480px) {.case-study-intro h1 {font-size:1.8rem} .results-grid {grid-template-columns:1fr} .case-study-section .testimonial {padding:1.5rem;font-size:0.95rem}}  .client-logos-section {padding:4rem 0;background:var(--bg-secondary);position:relative;overflow:hidden} .client-logos-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(168,85,247,0.05) 100%);pointer-events:none} .client-logos-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;align-items:center;justify-items:center;max-width:1200px;margin:0 auto;padding:2rem 0} .client-logo-item {background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;min-height:100px;width:100%;max-width:200px} .client-logo-item:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:var(--primary-color)} .client-logo {max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);transition:all 0.3s ease;opacity:0.7} .client-logo-item:hover .client-logo {filter:grayscale(0%);opacity:1}  @media (max-width:768px) {.client-logos-grid {grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem 0} .client-logo-item {padding:1rem;min-height:80px} .client-logo {max-height:40px}} @media (max-width:480px) {.client-logos-grid {grid-template-columns:repeat(2,1fr);gap:0.5rem} .client-logo-item {padding:0.75rem;min-height:60px} .client-logo {max-height:30px}}  .legal-content {padding:4rem 0;background:var(--darker-bg)} .legal-section {margin-bottom:3rem;padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px} .legal-section h2 {color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem;font-weight:600} .legal-section h3 {color:var(--text-primary);font-size:1.3rem;margin:1.5rem 0 0.5rem;font-weight:600} .legal-section p {color:var(--text-secondary);line-height:1.7;margin-bottom:1rem} .legal-section ul {margin:1rem 0;padding-left:1.5rem} .legal-section li {color:var(--text-secondary);line-height:1.6;margin-bottom:0.5rem} .legal-section strong {color:var(--text-primary);font-weight:600} @media (max-width:768px) {.legal-content {padding:2rem 0} .legal-section {padding:1.5rem;margin-bottom:2rem} .legal-section h2 {font-size:1.5rem} .legal-section h3 {font-size:1.2rem}}  .benefits-section {margin:4rem 0;padding:3rem 0;background:var(--darker-bg);border-radius:12px} .benefits-section h2 {text-align:center;color:var(--text-primary);font-size:2.2rem;margin-bottom:3rem;font-weight:600} .benefits-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem} .benefit-item {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease} .benefit-item:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)} .benefit-item h3 {color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:600} .benefit-item p {color:var(--text-secondary);line-height:1.6} .process-section {margin:4rem 0;padding:3rem 0} .process-section h2 {text-align:center;color:var(--text-primary);font-size:2.2rem;margin-bottom:3rem;font-weight:600} .process-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem} .process-step {text-align:center;padding:2rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);position:relative;transition:all 0.3s ease} .process-step:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)} .step-number {width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem} .process-step h3 {color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:600} .process-step p {color:var(--text-secondary);line-height:1.6} .faq-section {margin:4rem 0;padding:3rem 0;background:var(--darker-bg);border-radius:12px} .faq-section h2 {text-align:center;color:var(--text-primary);font-size:2.2rem;margin-bottom:3rem;font-weight:600} .faq-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem} .faq-item {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease} .faq-item:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.1)} .faq-item h3 {color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600} .faq-item p {color:var(--text-secondary);line-height:1.6} .testimonials-section {margin:4rem 0;padding:3rem 0} .testimonials-section h2 {text-align:center;color:var(--text-primary);font-size:2.2rem;margin-bottom:3rem;font-weight:600} .testimonials-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem} .testimonial-card {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;position:relative} .testimonial-card::before {content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:var(--primary-color);opacity:0.3;font-family:serif} .testimonial-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)} .testimonial-card p {color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-style:italic} .testimonial-author {border-top:1px solid var(--border-color);padding-top:1rem} .testimonial-author strong {color:var(--text-primary);font-weight:600;display:block;margin-bottom:0.25rem} .testimonial-author span {color:var(--text-secondary);font-size:0.9rem} .cta-section {margin:4rem 0;padding:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;text-align:center;color:white} .cta-section h2 {font-size:2.2rem;margin-bottom:1rem;font-weight:600} .cta-section p {font-size:1.1rem;margin-bottom:2rem;opacity:0.9} .cta-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} .btn-outline {background:transparent;border:2px solid white;color:white} .btn-outline:hover {background:white;color:var(--primary-color)} .related-services {margin:3rem 0;padding:2rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)} .related-services h3 {color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;font-weight:600} .service-links {display:flex;gap:1rem;flex-wrap:wrap} .service-link {display:inline-block;padding:0.75rem 1.5rem;background:var(--darker-bg);color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all 0.3s ease;border:1px solid var(--border-color)} .service-link:hover {background:var(--primary-color);color:white;transform:translateY(-2px)} .service-areas {margin:2rem 0} .service-areas h3 {color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:600} .areas-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem} .area-link {display:inline-block;padding:1rem 1.5rem;background:var(--card-bg);color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all 0.3s ease;border:1px solid var(--border-color);text-align:center} .area-link:hover {background:var(--primary-color);color:white;transform:translateY(-2px)} @media (max-width:768px) {.legal-content {padding:2rem 0} .legal-section {padding:1.5rem;margin-bottom:2rem} .legal-section h2 {font-size:1.5rem} .legal-section h3 {font-size:1.2rem} .benefits-grid,.process-steps,.faq-grid,.testimonials-grid {grid-template-columns:1fr;gap:1.5rem} .cta-buttons {flex-direction:column;align-items:center} .service-links {flex-direction:column} .areas-grid {grid-template-columns:1fr} .benefits-section,.process-section,.faq-section,.testimonials-section {margin:2rem 0;padding:2rem 0} .benefits-section h2,.process-section h2,.faq-section h2,.testimonials-section h2 {font-size:1.8rem;margin-bottom:2rem} .cta-section {padding:2rem;margin:2rem 0} .cta-section h2 {font-size:1.8rem}}  .locations-section {padding:80px 0;background:var(--dark-bg)} .locations-grid {display:grid;gap:3rem} .location-region {background:var(--card-bg);border-radius:12px;padding:2rem;border:1px solid var(--border-color);transition:all 0.3s ease} .location-region:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)} .location-region h2 {color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem;font-weight:700;text-align:center;position:relative} .location-region h2::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px} .location-counties {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem} .county {background:rgba(255,255,255,0.02);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);transition:all 0.3s ease} .county:hover {background:rgba(255,255,255,0.05);border-color:var(--accent-color)} .county h3 {color:var(--accent-color);font-size:1.25rem;margin-bottom:1rem;font-weight:600;border-bottom:2px solid var(--accent-color);padding-bottom:0.5rem} .county ul {list-style:none;display:grid;gap:0.5rem} .county ul li {transition:all 0.3s ease} .county ul li a {color:var(--text-secondary);text-decoration:none;font-size:0.95rem;transition:all 0.3s ease;display:block;padding:0.5rem 0;border-radius:4px;position:relative;padding-left:1rem} .county ul li a::before {content:'→';position:absolute;left:0;color:var(--primary-color);font-weight:bold;opacity:0;transition:all 0.3s ease} .county ul li a:hover {color:var(--text-primary);background:rgba(99,102,241,0.1);padding-left:1.5rem} .county ul li a:hover::before {opacity:1}  @media (max-width:768px) {.locations-section {padding:60px 0} .location-region {padding:1.5rem} .location-region h2 {font-size:1.5rem} .location-counties {grid-template-columns:1fr;gap:1.5rem} .county {padding:1rem} .county h3 {font-size:1.1rem} .county ul li a {font-size:0.9rem}}  .figma-hero {background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#0c4a6e 100%);position:relative;overflow:hidden} .figma-hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.3} .hero-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:80vh;padding:120px 0 80px} .hero-text h1 {font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero-text h2 {font-size:1.5rem;font-weight:500;color:var(--text-secondary);margin-bottom:1.5rem} .hero-subtitle {font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:var(--text-secondary)} .hero-cta {display:flex;gap:1rem;flex-wrap:wrap} .hero-visual {display:flex;justify-content:center;align-items:center} .tech-stack {display:flex;align-items:center;gap:2rem;background:rgba(255,255,255,0.05);padding:2rem;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1)} .tech-icon {width:80px;height:80px;object-fit:contain;transition:transform 0.3s ease} .tech-icon:hover {transform:scale(1.1)} .arrow {font-size:2rem;color:var(--primary-color);font-weight:bold;animation:pulse 2s infinite} @keyframes pulse {0%,100% {opacity:1} 50% {opacity:0.5}} .pricing-section {padding:80px 0;background:var(--card-bg)} .pricing-card {max-width:500px;margin:0 auto;background:var(--dark-bg);border-radius:20px;padding:3rem;text-align:center;border:1px solid var(--border-color);position:relative;overflow:hidden} .pricing-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)} .pricing-header h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)} .price {display:flex;align-items:baseline;justify-content:center;gap:0.5rem;margin-bottom:2rem} .currency {font-size:1.5rem;color:var(--text-secondary)} .amount {font-size:4rem;font-weight:700;color:var(--primary-color)} .period {font-size:1.2rem;color:var(--text-secondary)} .pricing-features {margin-bottom:2rem} .pricing-features ul {list-style:none;text-align:left} .pricing-features li {padding:0.5rem 0;display:flex;align-items:center;gap:0.75rem;color:var(--text-secondary)} .pricing-features li i {color:#10b981;font-size:1.1rem} .pricing-cta .btn {width:100%;padding:1rem 2rem;font-size:1.1rem} .process-section {padding:80px 0;background:var(--dark-bg)} .process-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem} .process-step {background:var(--card-bg);padding:2rem;border-radius:15px;text-align:center;border:1px solid var(--border-color);position:relative;transition:transform 0.3s ease} .process-step:hover {transform:translateY(-5px)} .step-number {width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;color:white} .step-content h3 {font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)} .step-content p {color:var(--text-secondary);line-height:1.6} .benefits-section {padding:80px 0;background:var(--card-bg)} .benefits-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem} .benefit-card {background:var(--dark-bg);padding:2rem;border-radius:15px;text-align:center;border:1px solid var(--border-color);transition:transform 0.3s ease} .benefit-card:hover {transform:translateY(-5px)} .benefit-icon {width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem} .benefit-icon i {font-size:2rem;color:white} .benefit-card h3 {font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)} .benefit-card p {color:var(--text-secondary);line-height:1.6} .cta-section {padding:80px 0;background:var(--gradient-secondary);text-align:center} .cta-content h2 {font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)} .cta-content p {font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)} .cta-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} .faq-section {padding:80px 0;background:var(--dark-bg)} .faq-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem} .faq-item {background:var(--card-bg);padding:2rem;border-radius:15px;border:1px solid var(--border-color)} .faq-item h3 {font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary)} .faq-item p {color:var(--text-secondary);line-height:1.6}  @media (max-width:768px) {.hero-content {grid-template-columns:1fr;gap:2rem;text-align:center;padding:100px 0 60px} .hero-text h1 {font-size:2.5rem} .hero-text h2 {font-size:1.3rem} .tech-stack {flex-direction:column;gap:1rem;padding:1.5rem} .tech-icon {width:60px;height:60px} .arrow {transform:rotate(90deg)} .pricing-card {padding:2rem;margin:0 1rem} .amount {font-size:3rem} .process-steps {grid-template-columns:1fr} .benefits-grid {grid-template-columns:1fr} .faq-grid {grid-template-columns:1fr} .cta-buttons {flex-direction:column;align-items:center} .cta-content h2 {font-size:2rem}} @media (max-width:480px) {.hero-text h1 {font-size:2rem} .hero-text h2 {font-size:1.1rem} .hero-subtitle {font-size:1rem} .pricing-card {padding:1.5rem} .amount {font-size:2.5rem} .cta-content h2 {font-size:1.8rem}} @media (max-width:480px) {.location-region {padding:1rem} .location-region h2 {font-size:1.25rem} .county {padding:0.75rem} .county h3 {font-size:1rem} .county ul li a {font-size:0.85rem;padding:0.4rem 0}}