.problem-section{position:relative;background:var(--color-white);overflow:hidden;padding:var(--space-16) 0 var(--space-12)}.problem-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(0,250,168,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.03) 0%,transparent 40%);pointer-events:none}.problem-section .section-header{position:relative;z-index:1}.pain-points-bg,.connections-svg,.pain-arrow,.pain-node,.pain-node-icon,.pain-node-content,.pain-impact{display:none!important}.pain-points-illustration{position:relative;max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4);z-index:1}.funnel-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);position:relative;z-index:1}.funnel-step{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-2xl);cursor:default;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent;height:100%}.funnel-step:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.funnel-step:hover:before{left:100%}.funnel-step:nth-child(1){background:linear-gradient(135deg,#fff5f8,#ffe4ec);border-color:#e8439333}.funnel-step:nth-child(1):hover{background:linear-gradient(135deg,#ffecf2,#ffd9e5);box-shadow:0 8px 24px #e8439326;transform:translateY(-4px)}.funnel-step:nth-child(2){background:linear-gradient(135deg,#fffbf0,#fff3d6);border-color:#e0a00033}.funnel-step:nth-child(2):hover{background:linear-gradient(135deg,#fff8e6,#ffeec2);box-shadow:0 8px 24px #e0a00026;transform:translateY(-4px)}.funnel-step:nth-child(3){background:linear-gradient(135deg,#f0fdf9,#d4f7ed);border-color:#00b37733}.funnel-step:nth-child(3):hover{background:linear-gradient(135deg,#e6fcf5,#c5f5e6);box-shadow:0 8px 24px #00b37726;transform:translateY(-4px)}.funnel-step:nth-child(4){background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#4f46e533}.funnel-step:nth-child(4):hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 8px 24px #4f46e526;transform:translateY(-4px)}.step-number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;flex-shrink:0;position:relative;margin-bottom:var(--space-2)}.funnel-step:nth-child(1) .step-number{background:linear-gradient(135deg,#ff6b9d,#c44569);box-shadow:0 4px 16px #c4456959}.funnel-step:nth-child(2) .step-number{background:linear-gradient(135deg,#ffc048,#e0a000);box-shadow:0 4px 16px #e0a00059}.funnel-step:nth-child(3) .step-number{background:linear-gradient(135deg,#00faa8,#00b377);box-shadow:0 4px 16px #00b37759}.funnel-step:nth-child(4) .step-number{background:linear-gradient(135deg,#667eea,#4f46e5);box-shadow:0 4px 16px #4f46e559}.step-number svg{width:28px;height:28px}.step-content{flex:1;width:100%}.step-content h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-navy);margin:0 0 var(--space-3);transition:color .3s ease}.step-content p{font-size:var(--text-base);color:var(--color-gray-600);margin:0;line-height:1.6;max-height:none;opacity:1}.step-impact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:#dc2626;opacity:1;transform:none;margin-top:auto;width:fit-content}.step-impact svg{width:16px;height:16px}.step-arrow{display:none}.pain-points-cta{position:relative;text-align:center;margin-top:var(--space-10);padding:var(--space-6) var(--space-6);background:linear-gradient(135deg,#00faa814,#6366f114);border-radius:var(--radius-2xl);border:1px solid rgba(0,250,168,.15)}.pain-points-cta h4{font-size:var(--text-lg);color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.pain-points-cta p{margin:0}.pain-points-cta strong{color:var(--color-navy);font-weight:var(--font-bold);font-size:var(--text-xl)}.funnel-step{opacity:0;transform:translateY(30px)}.funnel-step.animate-in{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards}.funnel-step:nth-child(1).animate-in{animation-delay:.1s}.funnel-step:nth-child(2).animate-in{animation-delay:.2s}.funnel-step:nth-child(3).animate-in{animation-delay:.3s}.funnel-step:nth-child(4).animate-in{animation-delay:.4s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.problem-section{padding:var(--space-12) 0}.pain-points-illustration{padding:var(--space-4) var(--space-3)}.funnel-flow{grid-template-columns:1fr}.funnel-step{padding:var(--space-4);gap:var(--space-4)}.step-number{width:40px;height:40px}.step-number svg{width:20px;height:20px}.step-content h3{font-size:var(--text-base)}.step-impact,.step-arrow{display:none}.step-content p{max-height:none;opacity:.8;font-size:var(--text-xs)}.funnel-step:hover{transform:translate(4px)}.pain-points-cta{padding:var(--space-6) var(--space-4);margin-top:var(--space-8)}}@media(max-width:480px){.step-content h3{font-size:var(--text-sm)}.step-number{width:36px;height:36px}.step-number svg{width:18px;height:18px}}.hero{position:relative;min-height:75vh;display:flex;align-items:center;padding-top:100px;overflow:hidden;background:linear-gradient(135deg,var(--color-navy) 0%,#001a3d 50%,var(--color-blue) 100%);color:var(--color-white)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,170,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 40%);pointer-events:none}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}}.hero-text{max-width:640px}@media(max-width:1024px){.hero-text{max-width:100%;margin:0 auto}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;color:var(--color-teal);border:2px solid var(--color-teal);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.hero-badge svg{width:16px;height:16px}.hero h1{margin-bottom:var(--space-6);color:var(--color-white);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl))}.hero h1 .highlight{background:linear-gradient(135deg,var(--color-teal),var(--color-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:#ffffffe6;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-ctas{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}@media(max-width:1024px){.hero-ctas{justify-content:center}}.hero-value-props{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.value-prop{display:flex;align-items:flex-start;gap:var(--space-3)}.value-prop-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00faa81f;border:1px solid rgba(0,250,168,.25);border-radius:var(--radius-md);color:var(--color-teal)}.value-prop div{display:flex;flex-direction:column;gap:2px}.value-prop strong{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white)}.value-prop span{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed)}.hero-note{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffb3;margin-top:var(--space-6);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);position:relative;background:#0a0f1e99;isolation:isolate}.hero-note:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#00faa800,#00faa8,#00faa800);background-size:200% 100%;animation:noteBorderFlow 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes noteBorderFlow{0%{background-position:0 0}to{background-position:-200% 0}}.hero-note svg{flex-shrink:0;color:var(--color-teal)}.hero-note em{color:var(--color-teal);font-style:italic;font-weight:var(--font-semibold)}.hero-visual{position:relative}@media(max-width:1024px){.hero-visual{margin-top:var(--space-12);max-width:500px;margin-left:auto;margin-right:auto}}@media(max-width:640px){.hero-visual{max-width:100%;margin-top:var(--space-8)}}.hero-terminal{background:#0a0f1ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 40px #00faa80f,0 20px 60px #0006;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg);transition:transform .6s cubic-bezier(.23,1,.32,1)}.hero-terminal:hover{transform:perspective(1000px) rotateY(-1deg) rotateX(1deg)}.terminal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dots{display:flex;gap:6px}.terminal-dots .dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{flex:1;text-align:center;font-size:11px;font-family:var(--font-mono);color:#fff6;letter-spacing:.02em}.terminal-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#00faa8b3;font-family:var(--font-mono)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-teal);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.terminal-body{padding:var(--space-4);min-height:300px;max-height:380px;overflow-y:auto;font-family:var(--font-mono);font-size:12px;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.terminal-canvas-layer{position:absolute;top:40px;left:0;width:100%;bottom:40px;background:#0a0f1ef2;z-index:10;opacity:0;pointer-events:none;transition:opacity .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.terminal-canvas-layer.active{opacity:1;pointer-events:all}#architecture-canvas{width:100%;height:100%}.canvas-overlay-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--color-teal);background:#0009;padding:4px 12px;border-radius:12px;border:1px solid rgba(0,250,168,.3);opacity:0;transition:opacity .3s ease}.canvas-overlay-text.visible{opacity:1}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-command{color:var(--color-teal);margin-bottom:4px}.terminal-prompt{color:var(--color-teal);font-weight:var(--font-bold);-webkit-user-select:none;user-select:none}.terminal-info{color:#ffffffd9}.terminal-muted{color:#fff6}.terminal-data{color:#ffffffbf}.terminal-warning{color:#febc2e}.terminal-success{color:var(--color-teal)}.terminal-heading{color:var(--color-white);font-weight:var(--font-bold);letter-spacing:.05em}.terminal-progress-line{display:flex;align-items:center;gap:8px;color:#fff9}.progress-label{white-space:nowrap}.progress-bar-container{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--color-teal),#00d4aa);border-radius:3px;transition:width .05s linear}.progress-pct{font-size:10px;min-width:32px;text-align:right;color:#ffffff80}.progress-pct.done{color:var(--color-teal)}.terminal-footer{padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid rgba(255,255,255,.04)}.terminal-cursor-line{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px}.terminal-cursor{display:inline-block;width:7px;height:14px;background:var(--color-teal);animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.trust-bar{padding:var(--space-12) 0;background:var(--color-navy);border-bottom:1px solid rgba(255,255,255,.1)}.trust-bar-content{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.trust-bar-text{color:var(--color-gray-300);font-size:var(--text-base);font-weight:var(--font-medium)}.trust-bar-stats{display:flex;gap:var(--space-12)}@media(max-width:480px){.trust-bar-stats{flex-wrap:wrap;justify-content:center;gap:var(--space-6)}}.trust-stat{text-align:center}.trust-stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-teal)}.trust-stat-label{font-size:var(--text-sm);color:var(--color-gray-300)}.problem-section{background:var(--color-white)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)}@media(max-width:768px){.problem-grid{grid-template-columns:1fr}}.problem-card{text-align:center;padding:var(--space-8)}.problem-icon{width:64px;height:64px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--color-blue-light) 0%,rgba(15,90,67,.1) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-navy)}.problem-icon svg{width:32px;height:32px}.problem-card h3{margin-bottom:var(--space-3);color:var(--color-gray-700)}.problem-card p{color:var(--color-gray-500)}.problem-cta{text-align:center;margin-top:var(--space-10);font-size:var(--text-xl);color:var(--color-navy);font-weight:var(--font-semibold)}.differentiators{background:var(--color-navy);color:var(--color-white);position:relative;overflow:hidden}.differentiators:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 100% 0%,rgba(15,90,67,.3) 0%,transparent 50%);pointer-events:none}.differentiators .section-header{margin-bottom:var(--space-16)}.differentiators h2{color:var(--color-white)}.differentiators .section-subtitle{color:var(--color-gray-300)}.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);position:relative;z-index:1}@media(max-width:768px){.diff-grid{grid-template-columns:1fr}}.diff-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.diff-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.diff-icon{width:48px;height:48px;background:var(--color-blue);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--color-white)}.diff-card h3{color:var(--color-white);margin-bottom:var(--space-3)}.diff-card p{color:var(--color-gray-300);margin:0}.services-section{background:var(--color-off-white)}.credibility-section{background:linear-gradient(135deg,var(--color-blue-light) 0%,var(--color-off-white) 100%)}.credibility-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}@media(max-width:768px){.credibility-content{grid-template-columns:1fr;text-align:center}}.credibility-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:480px){.credibility-stats{grid-template-columns:1fr}}.credibility-stat{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center}.credibility-stat-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-accent-on-light);margin-bottom:var(--space-2)}.credibility-stat-label{color:var(--color-gray-600);font-size:var(--text-sm)}.cta-section{background:var(--color-navy);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,170,.2) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(15,90,67,.2) 0%,transparent 40%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-section h2{color:var(--color-white);margin-bottom:var(--space-8)}.cta-section p{color:var(--color-gray-300);font-size:var(--text-xl);margin-bottom:var(--space-10);line-height:var(--leading-relaxed)}.cta-note{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-gray-400)}.results-cta-buttons{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}@media(max-width:640px){.results-cta-buttons{flex-direction:column;width:100%}.results-cta-buttons .btn{width:100%;justify-content:center}}.section-header{text-align:center;max-width:700px;margin:0 auto}.section-badge,.problem-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--panel);color:var(--pine);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);border:1px solid var(--rule)}.problem-badge{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);letter-spacing:.05em;margin-bottom:var(--space-6)}.problem-section .section-badge,.problem-section .problem-badge,.services-section .section-badge,.services-section .problem-badge,.light-bg .section-badge,.light-bg .problem-badge{background:var(--color-navy);color:var(--color-teal);border-color:transparent}.section-header h2{margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto}.service-hero{padding-top:calc(80px + var(--space-32));padding-bottom:var(--space-16);background:linear-gradient(135deg,var(--color-navy) 0%,#1E3A2F 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,#0f5a431a,#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,#0f5a431a,#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}}.section-cta{background:linear-gradient(135deg,var(--color-navy) 0%,#1E3A2F 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:#13231ce6;border-radius:999px;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#13231ce6,#13231ce6),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}}.service-hero-visual{display:flex;justify-content:center;align-items:center}.hero-flow-diagram{width:100%;max-width:440px;height:auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,250,168,.12))}.hero-flow-diagram .flow-node{fill:#ffffff0f;stroke:#00faa873;stroke-width:1.5}.hero-flow-diagram .flow-node-out{fill:#00faa8;stroke:#00faa8}.hero-flow-diagram .flow-label{fill:#fff;font-family:var(--font-body);font-size:15px;font-weight:600}.hero-flow-diagram .flow-label-out{fill:#13231c;font-family:var(--font-body);font-size:15px;font-weight:700}.hero-flow-diagram .flow-conn{stroke:#00faa899;stroke-width:2;stroke-dasharray:6 7;stroke-linecap:round;animation:heroFlowDash 1.1s linear infinite}.hero-flow-diagram .flow-arrow{fill:#00faa8d9}@keyframes heroFlowDash{to{stroke-dashoffset:-13}}@media(prefers-reduced-motion:reduce){.hero-flow-diagram .flow-conn{animation:none}}.check-list,.process-list{margin:var(--space-6) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.check-list li{position:relative;padding-left:var(--space-8);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.check-list li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--color-green, #0B815A)}.process-list{counter-reset:process}.process-list li{position:relative;padding-left:var(--space-10);color:var(--color-gray-600);line-height:var(--leading-relaxed);counter-increment:process}.process-list li:before{content:counter(process);position:absolute;left:0;top:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-navy);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold)}.check-list li strong,.process-list li strong{color:var(--color-navy)}.source-note{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed);border-left:3px solid var(--color-gray-200);padding-left:var(--space-4);margin-top:var(--space-6)}@media(max-width:640px){.check-list li{padding-left:var(--space-6)}.process-list li{padding-left:var(--space-8)}.process-list li:before{width:24px;height:24px}}.calculator-section{background:linear-gradient(135deg,var(--color-navy) 0%,#001a3d 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}.calculator-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(15,90,67,.15) 0%,transparent 70%);border-radius:50%;animation:float-slow 15s ease-in-out infinite}.calculator-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,170,.1) 0%,transparent 70%);border-radius:50%;animation:float 12s ease-in-out infinite}.calculator-container{position:relative;z-index:1;max-width:900px;margin:0 auto}.calculator-header{text-align:center;margin-bottom:var(--space-12)}.calculator-header h2{color:var(--color-white);margin-bottom:var(--space-4)}.calculator-header p{color:#ffffffb3;font-size:var(--text-lg);max-width:600px;margin:0 auto}.calculator-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:0 25px 50px -12px #0006}.calculator-form{display:none}.calculator-form.active{display:block;animation:fade-in-up .4s ease}.calculator-questions{display:none}.calculator-questions.active{display:block;animation:slide-in-right .4s ease}.question-step{display:none}.question-step.active{display:block;animation:fade-in-up .4s ease}.question-progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.progress-dot{width:40px;height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);transition:all var(--transition-base)}.progress-dot.completed{background:var(--color-teal)}.progress-dot.active{background:var(--color-blue)}.question-label{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.question-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy);margin-bottom:var(--space-8)}.question-options{display:grid;gap:var(--space-3)}.option-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-off-white);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left}.option-btn:hover{background:var(--color-blue-light);border-color:var(--color-blue);transform:translate(4px)}.option-btn.selected{background:var(--color-blue-light);border-color:var(--color-blue)}.option-icon{width:24px;height:24px;border:2px solid var(--color-gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.option-btn.selected .option-icon{background:var(--color-blue);border-color:var(--color-blue)}.option-btn.selected .option-icon:after{content:"";width:8px;height:8px;background:var(--color-white);border-radius:50%}.option-text{font-weight:var(--font-medium);color:var(--color-navy)}.option-description{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.question-nav{display:flex;justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.nav-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.nav-btn-back{background:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-600)}.nav-btn-back:hover{background:var(--color-gray-100)}.nav-btn-next{background:var(--color-blue);border:none;color:var(--color-white)}.nav-btn-next:hover{background:var(--color-navy);transform:translate(2px)}.nav-btn-next:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.calculator-results{display:none}.calculator-results.active{display:block;animation:scale-in .5s ease}.results-header{text-align:center;margin-bottom:var(--space-8)}.results-score{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8)}.score-circle{position:relative;width:150px;height:150px}.score-circle svg{transform:rotate(-90deg);width:100%;height:100%}.score-circle circle{fill:none;stroke-width:10}.score-circle .bg{stroke:var(--color-gray-200)}.score-circle .progress-ring{stroke:var(--color-blue);stroke-linecap:round;transition:stroke-dashoffset 1s ease}.score-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-navy);line-height:1}.score-label{font-size:var(--text-sm);color:var(--color-gray-500)}.score-interpretation{flex:1;text-align:left}.score-grade{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.score-grade.excellent{color:var(--color-teal-dark)}.score-grade.good{color:var(--color-blue)}.score-grade.needs-work{color:var(--color-orange)}.score-grade.critical{color:#dc2626}.score-description{color:var(--color-gray-600);font-size:var(--text-base)}.results-recommendations{background:var(--color-off-white);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.recommendations-title{font-weight:var(--font-semibold);color:var(--color-navy);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.recommendation-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200)}.recommendation-item:last-child{border-bottom:none;padding-bottom:0}.recommendation-icon{width:24px;height:24px;background:var(--color-blue-light);color:var(--color-blue);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-text{font-size:var(--text-sm);color:var(--color-gray-700)}.results-cta{text-align:center;padding-top:var(--space-6)}.results-cta p{color:var(--color-gray-600);margin-bottom:var(--space-4)}.restart-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-gray-500);font-size:var(--text-sm);cursor:pointer;margin-top:var(--space-4);transition:color var(--transition-base)}.restart-btn:hover{color:var(--color-blue)}@media(max-width:768px){.calculator-card{padding:var(--space-6)}.results-score{flex-direction:column}.score-interpretation{text-align:center}.question-text{font-size:var(--text-lg)}}