@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--color-primary:#ffffff;--color-primary-light:#f8fafc;--color-primary-dark:#f1f5f9;--color-accent:#4f46e5;--color-accent-rgb:79,70,229;--color-accent-hover:#4338ca;--color-secondary:#7c3aed;--color-secondary-rgb:124,58,237;--color-tertiary:#06b6d4;--color-white:#ffffff;--color-black:#000000;--color-text:#334151;--color-text-muted:#64748b;--color-text-dark:#0f172a;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-bg-light:#f8fafc;--color-bg-dark:#0f172a;--color-bg-card:#ffffff;--gradient-primary:linear-gradient(135deg,var(--color-white) 0%,var(--color-primary-light) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);--gradient-hero:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-white) 100%);--gradient-card:linear-gradient(145deg,var(--color-white) 0%,var(--color-bg-light) 100%);--glass-bg:rgba(255,255,255,0.95);--glass-border:rgba(0,0,0,0.08);--glass-shadow:0 4px 20px rgba(0,0,0,0.08);--font-primary:'Outfit',sans-serif;--font-secondary:'Inter',sans-serif;--text-xs:clamp(0.7rem,0.6rem + 0.5vw,0.75rem);--text-sm:clamp(0.8rem,0.7rem + 0.5vw,0.875rem);--text-base:clamp(0.9rem,0.8rem + 0.5vw,1rem);--text-lg:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-xl:clamp(1.1rem,1rem + 0.5vw,1.25rem);--text-2xl:clamp(1.3rem,1.1rem + 1vw,1.5rem);--text-3xl:clamp(1.5rem,1.3rem + 1.5vw,1.875rem);--text-4xl:clamp(2rem,1.5rem + 2vw,2.25rem);--text-5xl:clamp(2.5rem,2rem + 3vw,3rem);--text-6xl:clamp(3rem,2.5rem + 4vw,3.75rem);--text-7xl:clamp(3.5rem,3rem + 5vw,4.5rem);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 30px rgba(0,0,0,0.12);--shadow-xl:0 25px 50px rgba(0,0,0,0.15);--shadow-glow:0 8px 30px rgba(79,70,229,0.2);} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;font-size:16px;} body{font-family:var(--font-secondary);background-color:var(--color-primary);color:var(--color-text);line-height:1.6;overflow-x:hidden;} a{color:var(--color-accent);text-decoration:none;transition:var(--transition-base);} a:hover{color:var(--color-accent-hover);} img{max-width:100%;height:auto;display:block;} ul,ol{list-style:none;} button{cursor:pointer;font-family:inherit;border:none;background:none;} input,textarea,select{font-family:inherit;font-size:inherit;} h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--color-text-dark);} h1{font-size:var(--text-6xl);} h2{font-size:var(--text-4xl);} h3{font-size:var(--text-2xl);} h4{font-size:var(--text-xl);} h5{font-size:var(--text-lg);} h6{font-size:var(--text-base);} p{margin-bottom:var(--spacing-md);} .text-accent{color:var(--color-accent);} .text-secondary{color:var(--color-secondary);} .text-white{color:var(--color-white);} .text-muted{color:var(--color-text-muted);} .container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-xl);} @media (max-width:768px){.container{padding-inline:var(--spacing-lg);} } .section{padding-block:clamp(4rem,5vh + 2rem,8rem);} .section-header{text-align:center;margin-bottom:var(--spacing-3xl);} .section-header h2{margin-bottom:var(--spacing-md);position:relative;display:inline-block;} .section-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-accent);border-radius:var(--radius-full);} .section-header p.trust-label{text-transform:uppercase;letter-spacing:0.25em;font-size:1.1rem;font-weight:800;color:var(--color-accent);margin-bottom:var(--spacing-md);opacity:1;font-family:var(--font-primary);position:relative;display:inline-block;} .section-header p.trust-label::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:30px;height:3px;background:var(--gradient-accent);} .trusted-section{padding-block:1.5rem;} .trusted-section .section-header{margin-bottom:0;} .trusted-carousel{overflow:hidden;padding:var(--spacing-sm) 0;position:relative;width:100%;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);} .carousel-track{display:flex;width:max-content;gap:4rem;animation:scroll 30s linear infinite;} .carousel-track:hover{animation-play-state:paused;} @keyframes scroll{0%{transform:translateX(0);} 100%{transform:translateX(calc(-50% - 2rem));} } .logo-item{display:flex;align-items:center;gap:0.75rem;color:var(--color-text-muted);opacity:0.6;transition:var(--transition-base);filter:grayscale(1);cursor:pointer;white-space:nowrap;} .logo-item:hover{opacity:1;filter:grayscale(0);color:var(--color-accent);transform:scale(1.05);} .logo-item i,.logo-item svg{width:32px;height:32px;stroke-width:1.5;} .logo-item span{font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;font-family:var(--font-primary);} @media (max-width:768px){.carousel-track{gap:3rem;} .logo-item i,.logo-item svg{width:24px;height:24px;} .logo-item span{font-size:var(--text-xl);} } .navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding-block:var(--spacing-lg);transition:var(--transition-base);} .navbar.scrolled{background-color:var(--glass-bg);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);padding-block:var(--spacing-md);} .navbar .container{display:flex;justify-content:space-between;align-items:center;} .logo{display:flex;align-items:center;gap:var(--spacing-sm);transition:var(--transition-base);} .logo-img{height:80px;width:auto;object-fit:contain;filter:invert(24%) sepia(91%) saturate(3364%) hue-rotate(241deg) brightness(96%) contrast(93%);} .logo-text{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-dark);} @media (max-width:480px){.logo-text{font-size:var(--text-xl);} } .logo-text span{color:var(--color-accent);} .logo:hover{opacity:0.9;transform:scale(1.02);} .nav-links{display:flex;align-items:center;gap:var(--spacing-xl);} .nav-links a{color:var(--color-text-dark);font-weight:500;position:relative;padding-block:var(--spacing-sm);} .nav-links a:not(.btn)::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:var(--transition-base);} .nav-links a:not(.btn):hover::after,.nav-links a:not(.btn).active::after{width:100%;} .nav-links a.active{color:var(--color-accent);} .mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:var(--spacing-sm);} .mobile-menu-btn span{display:block;width:25px;height:2px;background-color:var(--color-text-dark);transition:var(--transition-base);} .mobile-nav{display:none;position:fixed;inset:0;background-color:var(--color-white);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);opacity:0;visibility:hidden;transition:var(--transition-base);} .mobile-nav.active{display:flex;opacity:1;visibility:visible;} .mobile-nav a{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-dark);padding:var(--spacing-sm) var(--spacing-lg);width:100%;text-align:center;transition:var(--transition-base);} .mobile-nav a:hover{background-color:var(--color-bg-light);color:var(--color-accent);} .mobile-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);} .mobile-menu-btn.active span:nth-child(2){opacity:0;} .mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer;border:2px solid transparent;} .btn-primary{background:var(--gradient-accent);color:var(--color-white) !important;box-shadow:0 4px 14px 0 rgba(79,70,229,0.3);border:2px solid transparent;} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,0.4);background:var(--color-white) !important;color:var(--color-accent) !important;border-color:var(--color-accent);} .btn-outline{background:transparent;border-color:var(--color-accent);color:var(--color-accent);} .btn-outline:hover{background:var(--gradient-accent);color:var(--color-white) !important;transform:translateY(-2px);border-color:transparent;} .btn-secondary{background-color:var(--color-text-dark);color:var(--color-white) !important;border:2px solid transparent;} .btn-secondary:hover{background-color:var(--color-white) !important;color:var(--color-text-dark) !important;border-color:var(--color-text-dark);transform:translateY(-2px);} .btn-outline-white{background:transparent;border:2px solid var(--color-white);color:var(--color-white) !important;} .btn-outline-white:hover{background:var(--color-white) !important;color:var(--color-accent) !important;transform:translateY(-2px);} .btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg);} .btn-sm{padding:1rem 4rem;font-size:1rem;border-radius:var(--radius-full);} .card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-sm);} .card:hover{transform:translateY(-5px);box-shadow:0 12px 24px -8px rgba(0,0,0,0.12);border-color:var(--color-accent);} .card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-border-light);color:var(--color-accent);border-radius:16px;margin-bottom:var(--spacing-lg);font-size:1.75rem;transition:var(--transition-base);} .card:hover .card-icon{background-color:var(--color-accent);color:var(--color-white);} .card h3{margin-bottom:var(--spacing-md);} .hero{min-height:100vh;display:flex;align-items:center;position:relative;background-color:#f8fafc;overflow:hidden;padding-top:80px;} @media (max-width:768px){.hero{min-height:auto;padding-block:var(--spacing-4xl);text-align:center;} } .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(79,70,229,0.05) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(6,182,212,0.05) 0%,transparent 40%);pointer-events:none;} .hero-content{position:relative;z-index:1;max-width:800px;} .hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:rgba(79,70,229,0.08);border:1px solid rgba(79,70,229,0.15);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:var(--text-sm);color:var(--color-accent);} .hero h1{font-size:var(--text-7xl);margin-bottom:var(--spacing-lg);line-height:1.1;color:var(--color-text-dark);} .hero h1 .highlight{color:var(--color-accent);} .hero-subtitle{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-2xl);max-width:600px;} .hero-cta{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;} @media (max-width:768px){.hero-cta{justify-content:center;} } .hero-stats{display:flex;gap:var(--spacing-3xl);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);} @media (max-width:768px){.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);border-top:none;background:rgba(255,255,255,0.5);padding:var(--spacing-xl);border-radius:var(--radius-xl);backdrop-filter:blur(10px);} } @media (max-width:480px){.hero-stats{grid-template-columns:1fr;} } .hero-stat p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;} @media (max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr) !important;background:rgba(255,255,255,0.5) !important;padding:var(--spacing-xl) !important;border-radius:var(--radius-xl) !important;backdrop-filter:blur(10px) !important;margin-top:2rem !important;border-top:none !important;} .tech-stack-grid{grid-template-columns:1fr !important;gap:3rem !important;} } @media (max-width:480px){.hero-stats{grid-template-columns:1fr !important;} } .tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;margin-top:3rem;} .tech-category h4{margin-bottom:1.5rem;color:var(--color-accent);} .tech-icons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;} .tech-badge{padding:0.5rem 1rem;background:var(--color-bg-light);border-radius:20px;font-weight:500;display:flex;align-items:center;gap:8px;} .values-grid,.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);} .cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;} .cta-section-main{background:var(--gradient-accent);color:white;text-align:center;} .hero-desc{max-width:700px;margin:1.5rem auto;} @media (max-width:768px){.values-grid{grid-template-columns:1fr !important;} } @media (max-width:768px){.process-steps{grid-template-columns:1fr !important;gap:2rem !important;} } .mockup-container{display:flex;flex-direction:column;gap:1rem;width:100%;} .mockup-chat{justify-content:flex-end;} .mockup-workflow{display:flex;gap:2rem;align-items:center;justify-content:center;} .mockup-node.node-alt{border-color:var(--color-tertiary);} .mockup-node.node-success{border-color:#27c93f;} .mockup-connector{width:2rem;} @media (max-width:480px){.cta-buttons{flex-direction:column;width:100%;} .cta-buttons .btn{width:100%;} } .floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden;} @media (max-width:768px){.floating-elements{opacity:0.3;} } .floating-element{position:absolute;border-radius:var(--radius-lg);opacity:0.1;animation:float 20s infinite ease-in-out;} .floating-element:nth-child(1){width:300px;height:300px;background-color:var(--color-accent);top:10%;right:5%;animation-delay:0s;} .floating-element:nth-child(2){width:200px;height:200px;background-color:var(--color-secondary);bottom:20%;right:15%;animation-delay:-5s;} .floating-element:nth-child(3){width:150px;height:150px;background-color:var(--color-tertiary);top:40%;right:25%;animation-delay:-10s;} @keyframes float{0%,100%{transform:translate(0,0) rotate(0deg);} 33%{transform:translate(30px,-50px) rotate(5deg);} 66%{transform:translate(-20px,20px) rotate(-5deg);} } .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);} .service-card{text-align:center;padding:var(--spacing-2xl);} .service-card .card-icon{margin-inline:auto;margin-bottom:var(--spacing-lg);} .stats-section{background-color:var(--color-bg-dark);color:var(--color-white);position:relative;} .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);text-align:center;} .stat-item h3{font-size:var(--text-5xl);color:var(--color-accent);margin-bottom:var(--spacing-sm);} .stat-item p{font-size:var(--text-base);margin:0;color:rgba(255,255,255,0.8);} .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);} .testimonial-card{padding:var(--spacing-2xl);position:relative;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);} .testimonial-card::before{content:'"';font-family:Georgia,serif;font-size:120px;color:var(--color-accent);opacity:0.1;position:absolute;top:-20px;left:20px;line-height:1;} .testimonial-content{font-size:var(--text-lg);font-style:italic;margin-bottom:var(--spacing-xl);position:relative;z-index:1;} .testimonial-author{display:flex;align-items:center;gap:var(--spacing-md);} .testimonial-avatar{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:bold;font-size:var(--text-lg);background:var(--gradient-accent);flex-shrink:0;} .testimonial-avatar.alt{background:var(--color-secondary);} .testimonial-info h4{font-size:var(--text-base);margin-bottom:var(--spacing-xs);} .testimonial-info p{font-size:var(--text-sm);color:var(--color-accent);margin:0;} .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);} .portfolio-card{overflow:hidden;padding:0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);} .portfolio-image{height:250px;background-color:var(--color-border-light);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;} .portfolio-image span{font-size:80px;} .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);} .portfolio-card:hover .portfolio-image img{transform:scale(1.1);} .portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,0.8) 0%,transparent 100%);opacity:0;transition:var(--transition-base);display:flex;align-items:flex-end;padding:var(--spacing-xl);} .portfolio-card:hover .portfolio-overlay{opacity:1;} .portfolio-content{padding:var(--spacing-xl);} .portfolio-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md);} .portfolio-tag{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:rgba(79,70,229,0.08);color:var(--color-accent);border-radius:var(--radius-sm);} .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);} .team-card{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);} .team-avatar{width:150px;height:150px;border-radius:var(--radius-full);margin-inline:auto;margin-bottom:var(--spacing-lg);border:3px solid var(--color-accent);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);} .team-avatar span{font-size:60px;} .team-avatar img{width:100%;height:100%;object-fit:cover;} .team-card h4{margin-bottom:var(--spacing-xs);} .team-card .role{color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--spacing-md);} .team-social{display:flex;justify-content:center;gap:var(--spacing-md);} .team-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-border-light);color:var(--color-text-dark);transition:var(--transition-base);} .team-social a:hover{background-color:var(--color-accent);color:var(--color-white) !important;} .jobs-list{display:flex;flex-direction:column;gap:var(--spacing-lg);} .job-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);} .job-info h3{margin-bottom:var(--spacing-sm);} .job-meta{display:flex;gap:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--text-sm);} .contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-4xl);} .map-placeholder{height:400px;background-color:var(--color-border-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);border:1px solid var(--color-border);} @media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);} } .contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg);} .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);} @media (max-width:768px){.contact-header{text-align:center !important;} } .form-group label{font-weight:600;color:var(--color-text-dark);font-size:var(--text-sm);} .form-group input,.form-group textarea,.form-group select{padding:var(--spacing-md);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dark);transition:var(--transition-base);} .form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(79,70,229,0.1);} .contact-info{display:flex;flex-direction:column;gap:var(--spacing-xl);} .contact-item{display:flex;gap:var(--spacing-md);} .contact-icon{width:50px;height:50px;background-color:rgba(79,70,229,0.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--color-accent);flex-shrink:0;} .footer{background-color:var(--color-bg-dark);color:#94a3b8;padding-block:var(--spacing-4xl) var(--spacing-xl);} .footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-3xl);margin-bottom:var(--spacing-4xl);} .footer-brand .logo{color:var(--color-white);margin-bottom:var(--spacing-lg);} .footer-brand p{color:#94a3b8;max-width:300px;} .footer-column h4{color:var(--color-white);margin-bottom:var(--spacing-xl);} .footer-links{display:flex;flex-direction:column;gap:var(--spacing-md);} .footer-links a{color:#94a3b8;} .footer-links a:hover{color:var(--color-accent);padding-left:5px;} .footer-social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);} .footer-social a{width:40px;height:40px;background-color:rgba(255,255,255,0.05);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);} .footer-social a:hover{background-color:var(--color-accent);transform:translateY(-3px);} .footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,0.05);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);} .footer-legal{display:flex;gap:var(--spacing-xl);} .page-header{padding-block:var(--spacing-4xl) var(--spacing-2xl);background-color:#f8fafc;border-bottom:1px solid var(--color-border);margin-top:80px;position:relative;z-index:1;} .breadcrumb{display:flex;gap:var(--spacing-sm);font-size:var(--text-sm);margin-bottom:var(--spacing-md);} .breadcrumb a{color:var(--color-text-muted);} .breadcrumb span{color:var(--color-text-muted);} .bg-light{background-color:var(--color-bg-light) !important;} .mission-quote{font-size:var(--text-4xl);color:var(--color-accent);font-weight:700;line-height:1.3;max-width:900px;margin-inline:auto;} .timeline{max-width:800px;margin-inline:auto;} @media (max-width:1024px){:root{--text-7xl:3.5rem;--text-6xl:3rem;--text-5xl:2.5rem;} .contact-grid,.footer-grid{grid-template-columns:1fr 1fr;} } @media (max-width:768px){.nav-links{display:none;} .mobile-menu-btn{display:flex;} .hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);border-top:none;background:rgba(255,255,255,0.5);padding:var(--spacing-xl);border-radius:var(--radius-xl);backdrop-filter:blur(10px);margin-top:2rem;} .stats-grid{grid-template-columns:repeat(2,1fr);} .footer-grid{grid-template-columns:1fr 1fr;} .job-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);} .tech-stack-grid{grid-template-columns:1fr;gap:3rem;} } @media (max-width:480px){.hero-stats{grid-template-columns:1fr;} .stats-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr;} .footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center;} .tech-icons{justify-content:center;} } .fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;} .fade-in.visible{opacity:1;transform:translateY(0);} .slide-in-left{opacity:0;transform:translateX(-30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;} .slide-in-left.visible{opacity:1;transform:translateX(0);} .scale-in{opacity:0;transform:scale(0.9);transition:opacity 0.6s ease-out,transform 0.6s ease-out;} .scale-in.visible{opacity:1;transform:scale(1);} .product-hero{padding:8rem 0 4rem;text-align:center;background:radial-gradient(circle at center,rgba(var(--color-accent-rgb),0.1) 0%,transparent 70%);} .product-layout{display:grid;grid-template-columns:1fr;gap:6rem;margin-top:4rem;} .product-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1px solid var(--color-border-light);} .product-section:nth-child(even){direction:rtl;} .product-section:nth-child(even) .product-content{direction:ltr;} .product-visual{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;height:350px;max-width:550px;margin:0 auto;width:100%;position:relative;} .product-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition-base);} .product-section:hover .product-visual img{transform:scale(1.02);} .product-visual.is-mockup{padding:2rem;background:#0b0f1a;min-height:350px;border:1px solid rgba(79,70,229,0.3);} .product-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:var(--text-sm);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.05em;} .badge-sales{background:rgba(59,130,246,0.1);color:#3b82f6;} .badge-support{background:rgba(16,185,129,0.1);color:#10b981;} .badge-recruiting{background:rgba(245,158,11,0.1);color:#f59e0b;} .badge-ops{background:rgba(139,92,246,0.1);color:#8b5cf6;} .features-list{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .feature-item{display:flex;align-items:center;gap:0.75rem;font-size:var(--text-base);} .feature-icon{color:var(--color-accent);} @media (max-width:900px){.product-section,.product-section:nth-child(even){grid-template-columns:1fr;direction:ltr;gap:2rem;} .product-visual{height:300px;} .product-visual.is-mockup{min-height:300px;padding:1.5rem;} } .case-study-list{display:flex;flex-direction:column;gap:6rem;} .case-study-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;} .case-study-item.reverse .cs-content{order:2;} .cs-tags{margin-bottom:1.5rem;} .tag{background:var(--color-primary-light);color:var(--color-accent);padding:0.5rem 1rem;border-radius:4px;font-size:0.9rem;font-weight:600;margin-right:0.5rem;border:1px solid var(--color-border);} .summary{font-size:1.25rem;color:var(--color-text);margin-bottom:2rem;} .results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--color-bg-light);border-radius:var(--radius-md);border:1px solid var(--color-border);} @media (max-width:768px){.results-grid{grid-template-columns:1fr;text-align:center;} } .result{display:flex;flex-direction:column;} .result .value{font-size:1.5rem;font-weight:800;color:var(--color-accent);} .result .label{font-size:0.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.5px;} .cs-details h4{margin-bottom:0.5rem;color:var(--color-text-dark);} .cs-details p{margin-bottom:1.5rem;font-size:0.95rem;color:var(--color-text-muted);} .placeholder-visual{width:100%;height:500px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-xl);} @media (max-width:900px){.case-study-item{grid-template-columns:1fr;gap:2rem;} .case-study-item.reverse .cs-content{order:0;} } .cs-detail-hero{padding:8rem 0 4rem;background:radial-gradient(circle at top right,rgba(var(--color-accent-rgb),0.05),transparent),linear-gradient(to bottom,var(--color-bg-light),white);border-bottom:1px solid var(--color-border-light);} .cs-detail-hero .breadcrumb{margin-bottom:2rem;} .cs-detail-hero .breadcrumb a{color:var(--color-text-muted);font-size:0.9rem;text-decoration:none;transition:color 0.3s;} .cs-detail-hero .breadcrumb a:hover{color:var(--color-accent);} .cs-detail-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);margin:1.5rem 0;line-height:1.1;} .cs-detail-hero p.subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:800px;line-height:1.6;} .cs-hero-image-container{margin-top:-4rem;position:relative;z-index:10;} .cs-hero-image-container img{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);} .cs-main-content{padding:4rem 0;} .cs-narrative h2{font-size:2rem;margin:3rem 0 1.5rem;display:flex;align-items:center;gap:1rem;} .cs-narrative h2::before{content:'';width:4px;height:1.5em;background:var(--color-accent);border-radius:2px;} .cs-narrative p{font-size:1.1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:1.5rem;} .cs-narrative ul{margin-bottom:2rem;} .cs-narrative li{margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-muted);} .cs-sidebar-card{background:white;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);} .cs-sidebar-card h4{margin-bottom:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dark);} .stack-item{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:0.95rem;} .stack-item span:first-child{color:var(--color-text-muted);font-weight:500;} .stack-item span:last-child{color:var(--color-text-dark);font-weight:600;} .mockup-container{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;} .mockup-header{height:35px;background:rgba(255,255,255,0.1);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:center;padding:0 1rem;gap:0.5rem;border-bottom:1px solid rgba(255,255,255,0.05);} .mockup-dot{width:12px;height:12px;border-radius:50%;} .dot-red{background:#ff5f56;} .dot-yellow{background:#ffbd2e;} .dot-green{background:#27c93f;} .mockup-content{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;} .mockup-card{background:var(--color-white);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);} .mockup-line{height:8px;background:var(--color-bg-light);border-radius:4px;margin-bottom:0.5rem;} .mockup-line.short{width:60%;} .mockup-line.accent{background:var(--color-accent);opacity:0.3;} .mockup-chart{height:60px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%);opacity:0.1;border-radius:var(--radius-sm);margin-top:1rem;} .mockup-chat-bubble{max-width:80%;padding:0.75rem;border-radius:var(--radius-md);font-size:0.7rem;margin-bottom:0.5rem;} .bubble-ai{background:var(--color-accent);color:white;align-self:flex-start;} .bubble-user{background:var(--color-bg-light);align-self:flex-end;} .mockup-node{width:40px;height:40px;background:var(--color-white);border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;} .mockup-connector{position:absolute;height:2px;background:var(--color-accent);opacity:0.2;z-index:1;} .timeline{position:relative;max-width:1000px;margin:4rem auto;padding:0 var(--spacing-md);} .timeline::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:var(--color-border);} .timeline-item{position:relative;margin-bottom:6rem;width:100%;display:flex;justify-content:space-between;align-items:flex-start;} .timeline-item:nth-child(even){flex-direction:row-reverse;} .timeline-dot{position:absolute;left:50%;top:0;transform:translate(-50%,0);width:24px;height:24px;background:var(--gradient-accent);border-radius:50%;z-index:10;box-shadow:0 0 0 5px var(--color-white),0 0 15px rgba(79,70,229,0.4);} .timeline-content{width:45%;padding:2.5rem;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition-base);position:relative;} .timeline-content::before{content:'';position:absolute;top:10px;width:15px;height:15px;background:var(--color-white);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(-45deg);left:-8px;} .timeline-item:nth-child(even) .timeline-content::before{left:auto;right:-8px;transform:rotate(135deg);} .timeline-item:hover .timeline-content{transform:translateY(-8px);border-color:var(--color-accent);box-shadow:var(--shadow-xl);} .timeline-content i.step-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .timeline-content h3{margin-bottom:1rem;color:var(--color-text-dark);font-size:var(--text-2xl);} .timeline-content p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:var(--text-base);} .timeline-number{font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:0.2em;color:var(--color-accent);margin-bottom:0.75rem;display:block;} .timeline-meta{display:flex;gap:1rem;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;border-top:1px solid var(--color-border-light);padding-top:1.5rem;} .timeline-meta span{display:flex;align-items:center;gap:0.5rem;} @media (max-width:768px){.timeline::before{left:20px;} .timeline-item{flex-direction:row !important;margin-bottom:4rem;} .timeline-dot{left:20px;transform:translateX(-50%);} .timeline-content{width:calc(100% - 60px);margin-left:40px;padding:2rem;} .timeline-content::before{left:-8px;right:auto;transform:rotate(-45deg);} }