.service-hero{padding-top:calc(80px + var(--space-32));padding-bottom:var(--space-16);background:linear-gradient(135deg,var(--color-navy) 0%,#1a3a5c 100%);color:var(--color-white);position:relative;overflow:hidden}.ai-workflow-container{width:100%;height:600px;background:#001a3d80;border-radius:var(--radius-xl);border:1px solid rgba(0,250,168,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0003}.ai-workflow-container canvas{width:100%;height:100%;display:block}.service-hero:before{content:"";position:absolute;top:-40%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,170,.12) 0%,transparent 70%);pointer-events:none}.service-hero .container{position:relative;z-index:1}.service-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media(min-width:1024px){.service-hero-content{grid-template-columns:1fr 1fr;text-align:left}}.service-hero-text{max-width:100%}.service-hero .breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-4)}.service-hero .breadcrumb a{color:var(--color-teal);text-decoration:none;transition:color var(--transition-fast)}.service-hero .breadcrumb a:hover{color:var(--color-white)}.service-hero .badge{margin-bottom:var(--space-4);display:inline-block}.service-hero .badge-teal{background:#00d4aa33;color:var(--color-teal);border:1px solid rgba(0,212,170,.3)}.service-hero h1{margin-bottom:var(--space-4);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));color:var(--color-white);line-height:1.15}.hero-subtitle{font-size:var(--text-xl);color:#fffc;line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:640px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10);justify-content:center}.hero-cta-group .btn-secondary{color:var(--color-white);border-color:#fff6}.hero-cta-group .btn-secondary:hover{background:#ffffff1a;border-color:var(--color-white)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.15)}.hero-stat{display:flex;flex-direction:column;gap:var(--space-1)}.hero-stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-teal);line-height:1}.hero-stat-label{font-size:var(--text-sm);color:#fff9;font-weight:var(--font-medium)}.section-white{background:var(--color-white)}.section-gray{background:var(--color-off-white)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-10)}.problem-card{background:var(--color-off-white);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-gray-100);border-left:4px solid var(--color-blue);transition:all var(--transition-base);position:relative}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-left-color:var(--color-teal)}.problem-card .problem-icon{width:52px;height:52px;background:linear-gradient(135deg,#0066ff1a,#00d4aa1a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-navy);font-size:24px}.problem-card .problem-icon svg{width:24px;height:24px}.problem-card h3{font-size:var(--text-lg);color:var(--color-navy);margin-bottom:var(--space-3);font-weight:var(--font-bold)}.problem-card p{color:var(--color-gray-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.services-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-10)}.service-showcase-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-gray-100);transition:all var(--transition-base);position:relative;overflow:hidden}.service-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue),var(--color-teal));opacity:0;transition:opacity var(--transition-base)}.service-showcase-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.service-showcase-card:hover:before{opacity:1}.service-showcase-card .service-icon{width:56px;height:56px;background:linear-gradient(135deg,#0066ff1a,#00d4aa14);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--color-navy);transition:all var(--transition-base)}.service-showcase-card .service-icon svg{width:28px;height:28px}.service-showcase-card:hover .service-icon{background:var(--color-navy);color:var(--color-teal);transform:scale(1.1)}.service-showcase-card h3{font-size:var(--text-xl);color:var(--color-navy);margin-bottom:var(--space-3);font-weight:var(--font-bold)}.service-showcase-card p,.service-showcase-content p{color:var(--color-gray-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.service-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.service-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-700);padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-100)}.service-features li:last-child{border-bottom:none}.service-features li:before{content:"";width:20px;height:20px;min-width:20px;background:#00d4aa26;border-radius:var(--radius-full);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230A2540'%3E%3Cpath fill-rule='evenodd' d='M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.what-we-solve{background:var(--color-white)}.solve-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-12)}@media(max-width:768px){.solve-grid{grid-template-columns:1fr}}.solve-item{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--color-off-white);border-radius:var(--radius-lg);border-left:4px solid var(--color-blue)}.solve-icon{flex-shrink:0;width:48px;height:48px;background:var(--color-blue-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-navy)}.solve-item h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.solve-item p{color:var(--color-gray-500);margin:0;font-size:var(--text-base)}.whats-included{background:var(--color-off-white)}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}@media(max-width:1024px){.included-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.included-grid{grid-template-columns:1fr}}.included-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.included-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.included-card h4{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.included-card h4 svg{width:20px;height:20px;color:var(--color-navy)}.included-card p{color:var(--color-gray-500);font-size:var(--text-base);margin:0}.outcomes-section{background:var(--color-navy);color:var(--color-white)}.outcomes-section .section-header h2{color:var(--color-white)}.outcomes-section .section-subtitle{color:var(--color-gray-300)}.outcomes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-12)}@media(max-width:1024px){.outcomes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.outcomes-grid{grid-template-columns:1fr}}.outcome-card{text-align:center;padding:var(--space-6);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.outcome-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:#00d4aa33;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-teal)}.outcome-icon svg{width:32px;height:32px}.outcome-card h4{color:var(--color-white);margin-bottom:var(--space-2)}.outcome-card p{color:var(--color-gray-300);font-size:var(--text-sm);margin:0}.service-process{background:var(--color-white)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12)}@media(max-width:1024px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.process-steps{grid-template-columns:1fr}}.process-step-card{position:relative;padding:var(--space-6);background:var(--color-off-white);border-radius:var(--radius-xl);text-align:center}.process-step-num{position:absolute;top:calc(-1 * var(--space-4));left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--color-blue);color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.process-step-card h4{margin-bottom:var(--space-2)}.process-step-card p{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.related-services{background:var(--color-off-white)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}@media(max-width:768px){.related-grid{grid-template-columns:1fr}}.faq-section{background:var(--color-white)}.faq-list,.faq-accordion{max-width:800px;margin:var(--space-10) auto 0;display:flex;flex-direction:column;gap:0}.faq-accordion .faq-item{border-bottom:1px solid var(--color-gray-100)}.faq-accordion .faq-item:first-child{border-top:1px solid var(--color-gray-100)}.faq-accordion .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-navy);text-align:left;cursor:pointer;transition:color var(--transition-fast);list-style:none}.faq-accordion .faq-question::-webkit-details-marker{display:none}.faq-accordion .faq-question:hover{color:var(--color-blue)}.faq-accordion .faq-question span{flex:1}.faq-accordion .faq-question .faq-icon{width:24px;height:24px;flex-shrink:0;margin-left:var(--space-4);transition:transform var(--transition-base);color:var(--color-gray-400)}.faq-accordion details[open] .faq-question .faq-icon{transform:rotate(180deg);color:var(--color-blue)}.faq-accordion .faq-answer{padding:0 var(--space-2) var(--space-6);color:var(--color-gray-600);line-height:var(--leading-relaxed);font-size:var(--text-base)}.faq-accordion .faq-answer p{margin:0}.faq-item{border-bottom:1px solid var(--color-gray-100)}button.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-navy);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:none;border:none}button.faq-question:hover{color:var(--color-blue)}button.faq-question svg{width:24px;height:24px;transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--space-4)}.faq-item.open button.faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding-bottom:var(--space-5);color:var(--color-gray-600)}.section-cta{background:linear-gradient(135deg,var(--color-navy) 0%,#1a3a5c 50%,var(--color-navy) 100%);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.section-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,212,170,.08) 0%,transparent 60%);pointer-events:none}.section-cta h2{color:var(--color-white);margin-bottom:var(--space-6);position:relative;z-index:1}.section-cta p{color:#fffc;font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.section-cta .btn{position:relative;z-index:1}.service-cta{background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-navy) 100%);color:var(--color-white);text-align:center}.service-cta h2{color:var(--color-white);margin-bottom:var(--space-4)}.service-cta p{color:#fffc;font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.crm-comparison-table{width:100%;border-collapse:collapse;margin-top:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.crm-comparison-table thead{background:var(--color-navy);color:var(--color-white)}.crm-comparison-table th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:var(--font-semibold)}.crm-comparison-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-100);vertical-align:top}.crm-comparison-table tbody tr{transition:background var(--transition-fast)}.crm-comparison-table tbody tr:hover{background:var(--color-off-white)}.crm-comparison-table tbody tr:last-child td{border-bottom:none}.deliverables-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-6)}.deliverable-item{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.deliverable-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.deliverable-item h3{color:var(--color-navy);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.deliverable-item p{color:var(--color-gray-600);font-size:var(--text-base);line-height:1.6;margin:0}.service-showcase-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00faa81a;border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-shrink:0}.service-showcase-icon svg{width:24px;height:24px;color:var(--color-navy)}.service-showcase-card .learn-more{display:inline-block;color:var(--color-navy);font-weight:var(--font-semibold);font-size:var(--text-sm);margin-top:var(--space-3);transition:color var(--transition-fast)}.service-showcase-card:hover .learn-more{color:var(--color-blue-dark)}@media(max-width:768px){.service-hero{padding-top:calc(70px + var(--space-8));padding-bottom:var(--space-8)}.service-hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hero-cta-group{flex-direction:column}.hero-cta-group .btn{width:100%;justify-content:center}.problems-grid,.services-showcase,.deliverables-list{grid-template-columns:1fr}}@media(max-width:480px){.hero-stats{grid-template-columns:1fr}}.animated-cost-badge{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:10;margin:0;color:var(--color-teal);font-weight:700;font-size:var(--text-lg);line-height:1.2;padding:8px 24px;background:#0a2540e6;border-radius:999px;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#0a2540e6,#0a2540e6),linear-gradient(90deg,transparent 0%,#00FAA8 50%,transparent 100%);background-size:100% 100%,200% 100%;background-position:0 0,0 0;animation:borderFlow 3s linear infinite;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}@keyframes borderFlow{0%{background-position:0 0,100% 0}to{background-position:0 0,-100% 0}}