:root{--primary-color:#4a6cf7;--primary-dark:#3a5ae0;--secondary-color:#ff6b6b;--text-color:#1e293b;--text-light:#64748b;--background-color:#fff;--background-light:#f8fafc;--background-dark:#f1f5f9;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--border-radius:8px;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body,html{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;line-height:1.5;scroll-behavior:smooth;overflow-x:hidden}#__next{display:block;width:100%;min-height:100vh}.landing-container{flex-direction:column;min-height:100vh;overflow-x:hidden;top:0;left:0}.landing-container,.landing-header{display:flex;width:100%;position:relative}.landing-header{justify-content:space-between;align-items:center;padding:1.2rem 8%;background-color:var(--background-color);z-index:100;box-shadow:var(--shadow-sm)}.landing-logo{display:flex;align-items:center;gap:.75rem}.landing-logo .logo-icon{width:48px;height:48px;object-fit:contain}.landing-logo h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--primary-color)}.landing-nav ul{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0}.landing-nav a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .2s ease;font-size:.95rem;letter-spacing:.2px}.landing-nav a:hover{color:var(--primary-color)}.landing-cta-buttons{display:flex;gap:1rem;align-items:center}.login-button{padding:.5rem 1rem;text-decoration:none;color:var(--primary-color);font-weight:600;transition:color .2s ease}.login-button:hover{color:var(--primary-dark)}.signup-button{padding:.6rem 1.25rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:background-color .2s ease,transform .2s ease;letter-spacing:.2px;font-size:.95rem}.signup-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.hero-section{display:flex;padding:7rem 8%;gap:5rem;align-items:center;background:radial-gradient(circle at 70% 10%,rgba(74,108,247,.03),transparent 60%),radial-gradient(circle at 30% 80%,hsla(0,100%,71%,.03),transparent 40%);position:relative;margin-top:0;width:100%;justify-content:center}.hero-content{flex:1;max-width:540px}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:640px}.hero-image img{max-width:108%;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);transform:translateX(0);object-fit:contain}.hero-content h1{font-size:3.2rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.5px}.hero-content h1 span{color:var(--primary-color)}.rotating-text{display:inline-block;position:relative}.rotating-text-item{display:none;position:absolute;top:0;left:0;opacity:0;animation:fadeOutDown .5s ease forwards;width:100%}.rotating-text-item.visible{display:inline-block;position:relative;opacity:1;animation:fadeInUp .5s ease forwards}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.hero-subtitle{font-size:1.4rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;letter-spacing:-.2px}.hero-description{font-size:1.125rem;margin-bottom:2.5rem;color:var(--text-light);line-height:1.7}.hero-cta{display:flex;gap:1rem;margin-top:2.5rem}.primary-button{padding:.85rem 1.6rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:background-color .2s ease,transform .2s ease;letter-spacing:.3px;font-size:.95rem}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);color:#fff;text-decoration:none}.secondary-button{padding:.85rem 1.6rem;background-color:transparent;color:var(--primary-color);text-decoration:none;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-weight:600;transition:background-color .2s ease,transform .2s ease;letter-spacing:.3px;font-size:.95rem}.secondary-button:hover{background-color:rgba(74,108,247,.05);transform:translateY(-1px);text-decoration:none}.trusted-by-section{padding:4rem 8%;background-color:var(--background-light);text-align:center;border-bottom:1px solid var(--border-color);position:relative;width:100%}.trusted-by-content{max-width:1200px;margin:0 auto}.trusted-by-title{font-size:.95rem;font-weight:600;color:var(--text-light);margin-bottom:2rem;text-transform:uppercase;letter-spacing:1.5px}.platform-carousel{width:100%;overflow:hidden;position:relative;margin:2rem auto;padding:1.5rem 0;background-color:var(--background-light)}.platform-carousel:after,.platform-carousel:before{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.platform-carousel:before{left:0;background:linear-gradient(to right,var(--background-light),transparent)}.platform-carousel:after{right:0;background:linear-gradient(to left,var(--background-light),transparent)}.platform-carousel-track{display:flex;animation:scroll 40s linear infinite;width:fit-content;align-items:center;gap:1.2rem}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.platform-item{padding:.8rem 1rem;margin:0 .5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;height:70px;width:160px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.platform-item img{height:42px;width:auto;max-width:140px;object-fit:contain;object-position:center;filter:none;opacity:1;transition:all .3s ease}.platform-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.platform-item:hover img{filter:none;opacity:1;transform:scale(1.05)}.platform-carousel-track:hover{animation-play-state:running}.why-section{padding:7rem 8%;background-color:var(--background-color)}.section-header{max-width:800px;margin:0 auto;text-align:center}.section-header h2{font-size:2.4rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.3px}.section-header p{font-size:1.2rem;color:var(--text-light);margin-bottom:3rem;line-height:1.7}.process-flow{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:0;max-width:1200px;margin:0 auto}.process-step{background-color:var(--background-light);border-radius:var(--border-radius);padding:2.5rem;width:320px;min-height:320px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color);z-index:2}.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.process-icon{width:80px;height:80px;border-radius:50%;background-color:rgba(74,108,247,.1);display:flex;justify-content:center;align-items:center;margin-bottom:1.75rem;color:var(--primary-color);transition:all .3s ease}.process-icon img{width:40px;height:40px;object-fit:contain;transition:transform .3s ease}.process-content{flex:1;display:flex;flex-direction:column;justify-content:center}.process-content h3{font-size:1.4rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-color)}.process-content p{color:var(--text-light);line-height:1.7;font-size:1.05rem;margin:0}.process-step:hover .process-icon{background-color:rgba(74,108,247,.15)}.process-step:hover .process-icon img{transform:scale(1.1)}.features-section{padding:7rem 8%;background-color:var(--background-light);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(74,108,247,.07) 0,rgba(74,108,247,0) 70%);border-radius:50%;z-index:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.feature-card{background-color:var(--background-color);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;animation:fadeInUp .5s ease-out forwards;animation-delay:calc(var(--animation-order) * .1s);opacity:0}.feature-card:first-child{--feature-color:#4a6cf7;--feature-color-rgb:74,108,247;--animation-order:1}.feature-card:nth-child(2){--feature-color:#00c6a2;--feature-color-rgb:0,198,162;--animation-order:2}.feature-card:nth-child(3){--feature-color:#f7b500;--feature-color-rgb:247,181,0;--animation-order:3}.feature-card:nth-child(4){--feature-color:#ff2e6d;--feature-color-rgb:255,46,109;--animation-order:4}.feature-card:nth-child(5){--feature-color:#6236ff;--feature-color-rgb:98,54,255;--animation-order:5}.feature-card:nth-child(6){--feature-color:#ff6b6b;--feature-color-rgb:255,107,107;--animation-order:6}.feature-card:hover{box-shadow:0 20px 30px -15px rgba(var(--feature-color-rgb),.15);transform:translateY(-5px);border-color:rgba(var(--feature-color-rgb),.3)}.feature-icon{margin-bottom:1.75rem;color:var(--feature-color);display:flex;align-items:center;justify-content:center;width:72px;height:72px;background-color:rgba(var(--feature-color-rgb),.08);border-radius:50%;transition:all .3s ease;position:relative;z-index:2;overflow:hidden;box-shadow:0 0 0 2px rgba(var(--feature-color-rgb),.1)}.feature-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(var(--feature-color-rgb),.3);border-radius:50%;z-index:-1;opacity:0;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(.9) translateY(-15px);background-color:rgba(var(--feature-color-rgb),.15);box-shadow:0 10px 25px -10px rgba(var(--feature-color-rgb),.5);opacity:0;visibility:hidden}.feature-card:hover .feature-icon:after{opacity:.3}.feature-icon svg{width:32px;height:32px;transition:all .3s ease}.feature-card:hover .feature-icon svg{transform:scale(.9);filter:brightness(10);opacity:.5}.feature-card h3{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);letter-spacing:-.2px;transition:all .3s ease;position:relative;z-index:2}.feature-card:hover h3{opacity:0;transform:translateY(-10px);visibility:hidden}.feature-card p{color:var(--text-light);line-height:1.7;margin-top:0;font-size:1.05rem;transition:all .3s ease;position:relative;z-index:2}.feature-card:hover p{opacity:0;transform:translateY(10px);visibility:hidden}.feature-popup{background-color:var(--background-color);padding:2.5rem;border-radius:var(--border-radius);opacity:0;visibility:hidden;transform:translateY(15px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:20;display:flex;flex-direction:column;pointer-events:none;border:1px solid rgba(var(--feature-color-rgb),.3);box-shadow:0 0 0 4px rgba(var(--feature-color-rgb),.05)}.feature-popup,.feature-popup:before{position:absolute;top:0;left:0;right:0;bottom:0}.feature-popup:before{content:"";background-color:rgba(var(--feature-color-rgb),.08);z-index:-1;border-radius:var(--border-radius)}.feature-popup h4{color:var(--feature-color);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.2px;position:relative;z-index:21}.feature-popup ul{list-style:none;padding:0;margin:0;position:relative;z-index:21}.feature-popup li{color:var(--text-color);font-size:1.05rem;margin-bottom:1rem;padding-left:1.5rem;position:relative;line-height:1.6}.feature-popup li:before{content:"•";position:absolute;left:0;color:var(--feature-color);font-size:1.2rem}.feature-card:hover .feature-popup{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (min-width:1025px){.feature-card:hover .feature-popup{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}.outcome-section{padding:7rem 8%;background-color:var(--background-color);position:relative}.outcome-section:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle,rgba(74,108,247,.05) 0,rgba(74,108,247,0) 70%);border-radius:50%;z-index:0}.section-container{display:flex;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-content{flex:1}.section-content h2{font-size:2.4rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.3px}.impact-subtitle{font-size:1.4rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;line-height:1.4}.section-content p{font-size:1.15rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.impact-list{list-style:none;padding:0;margin:2.5rem 0 0}.impact-list li{position:relative;padding-left:2rem;margin-bottom:1.2rem;font-size:1.1rem;color:var(--text-color);line-height:1.6}.impact-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.outcome-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:580px}.outcome-image img{max-width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.cta-section{padding:7rem 8%;background:linear-gradient(to right,var(--primary-dark),var(--primary-color));color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:after,.cta-section:before{display:none}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-section h2{font-size:2.4rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.3px}.cta-section p{font-size:1.2rem;margin-bottom:3rem;opacity:.95;line-height:1.7;max-width:650px;margin-left:auto;margin-right:auto;color:#fff;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.1)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-section .primary-button{background-color:#fff;color:var(--primary-color);padding:1rem 2rem}.cta-section .primary-button:hover{background-color:hsla(0,0%,100%,.95);color:var(--primary-color);text-decoration:none}.cta-section .secondary-button{border-color:#fff;color:#fff;padding:1rem 2rem}.cta-section .secondary-button:hover{background-color:hsla(0,0%,100%,.08);color:#fff;text-decoration:none}.landing-footer{background-color:#1e293b;color:#fff;padding:6rem 8% 2rem}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem;max-width:1200px;margin:0 auto}.footer-logo h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.footer-logo p{color:hsla(0,0%,100%,.7);margin:.75rem 0 0;font-size:.95rem}.footer-links{display:flex;gap:5rem;flex-wrap:wrap}.footer-column h4{font-size:1.1rem;margin-bottom:1.5rem;font-weight:600;letter-spacing:.3px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.9rem}.footer-column a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s ease;font-size:.95rem}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.footer-bottom p{color:hsla(0,0%,100%,.5);font-size:.875rem}@media (max-width:1200px){.cta-section,.features-section,.hero-section,.outcome-section,.why-section{padding:6rem 5%}.hero-content h1{font-size:2.8rem}.cta-section h2,.section-content h2,.section-header h2{font-size:2.2rem}.hero-image img{max-width:105%}}@media (max-width:1024px){.hero-section{flex-direction:column;text-align:center;padding:5rem 5%;gap:3rem}.hero-content{max-width:700px}.hero-cta{justify-content:center}.hero-content h1{font-size:2.5rem}.section-container{flex-direction:column;text-align:center}.impact-list{text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.footer-content{flex-direction:column;gap:3rem;text-align:center}.footer-links{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.process-flow{flex-direction:column;gap:1rem}.process-connector{transform:rotate(90deg);margin:.5rem 0}.process-step{width:100%;max-width:500px}.hero-image{max-width:85%}.hero-image img{max-width:100%;transform:translateX(0)}}@media (max-width:768px){.landing-header{flex-wrap:wrap;gap:1rem;padding:1.2rem 5%}.landing-nav{order:3;width:100%;margin-top:1rem}.landing-nav ul{justify-content:center;gap:1.5rem}.features-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.cta-section h2,.section-content h2,.section-header h2{font-size:2rem}.cta-section,.features-section,.outcome-section,.why-section{padding:5rem 5%}.trusted-logos{gap:3rem}}@media (max-width:480px){.cta-buttons,.hero-cta{flex-direction:column;gap:1rem}.landing-logo .logo-icon{width:40px;height:40px}.landing-logo h2{font-size:1.25rem}.landing-nav ul{gap:1rem;flex-wrap:wrap;justify-content:center}.cta-section h2,.section-content h2,.section-header h2{font-size:1.75rem}.impact-subtitle{font-size:1.25rem}.feature-card{padding:1.75rem}.cta-section,.features-section,.hero-section,.outcome-section,.why-section{padding:4rem 5%}}.before-animate{opacity:0;transform:translateY(30px);transition:opacity 0s,transform 0s}.animate-on-scroll{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards}.section-header.animate-on-scroll{animation-duration:.8s}.feature-card.animate-on-scroll{animation-name:fadeInUp;animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;animation-delay:calc(var(--animation-order, 0) * .15s)}.process-step.animate-on-scroll{animation-name:fadeInScale;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards}.platform-carousel.animate-on-scroll{animation-name:fadeInUp;animation-duration:.5s}.section-container.animate-on-scroll{animation-name:fadeInSplit;animation-duration:.8s}.impact-list li.animate-on-scroll{animation-name:fadeInLeft;animation-duration:.5s;animation-delay:calc(var(--li-index, 0) * .1s)}.hero-content.animate-on-scroll{animation-name:fadeInLeft;animation-duration:.9s}.hero-image.animate-on-scroll{animation-name:fadeInRight;animation-duration:.9s}.cta-container.animate-on-scroll{animation-name:fadeInScale;animation-duration:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInSplit{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.before-animate-process{opacity:0;transform:translateX(-40px);transition:opacity 0s,transform 0s;visibility:hidden}.animate-process{animation:fadeInSlideRight .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlideRight{0%{opacity:0;transform:translateX(-20px);visibility:visible}to{opacity:1;transform:translateX(0);visibility:visible}}.process-connector{width:80px;display:flex;justify-content:center;align-items:center;color:var(--primary-color);position:relative;z-index:1;padding:0 1rem;opacity:0;transform:scale(.5);transition:all .4s ease}.process-connector.animate-connector{animation:fadeInConnector .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInConnector{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.process-connector svg{width:32px;height:32px;stroke-width:2.5}.process-step.animate-process:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(74,108,247,.3)}.process-step.animate-process .process-icon{transition:transform .3s ease,background-color .3s ease}.before-animate-row{opacity:0;transform:translateY(40px);transition:opacity 0s,transform 0s;visibility:hidden}.animate-row{animation:fadeInRow .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeInRow{0%{opacity:0;transform:translateY(30px);visibility:visible}30%{opacity:.5}to{opacity:1;transform:translateY(0);visibility:visible}}.feature-card:nth-child(3n+1).animate-row{animation-delay:0s}.feature-card:nth-child(3n+2).animate-row{animation-delay:.1s}.feature-card:nth-child(3n+3).animate-row{animation-delay:.2s}.feature-card.animate-row:hover{box-shadow:0 20px 30px -15px rgba(var(--feature-color-rgb),.15);transform:translateY(-5px);border-color:rgba(var(--feature-color-rgb),.3)}.problem-solution-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#fff);position:relative;overflow:hidden}.problem-solution-container{max-width:1200px;margin:0 auto;padding:0 20px}.problem-solution-section .section-header{text-align:center;margin-bottom:60px}.section-tagline{margin-bottom:16px}.tagline-badge{display:inline-block;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));color:#fff;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.problem-solution-section .section-title{font-size:48px;font-weight:700;color:var(--text-color);line-height:1.2;max-width:800px;margin:0 auto}.comparison-cards{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-bottom:50px}.comparison-card{background:#fff;border-radius:16px;padding:32px;position:relative;transition:all .3s ease;border:1px solid var(--border-color)}.problem-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e2e8f0}.solution-card{background:linear-gradient(135deg,#fff,#f8fbff);border:2px solid var(--primary-color);box-shadow:0 12px 48px rgba(74,108,247,.18);position:relative;transform:translateY(-4px);transition:all .3s ease}.solution-card:hover{transform:translateY(-6px);box-shadow:0 16px 64px rgba(74,108,247,.25)}.recommended-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(74,108,247,.3);z-index:10}.card-content{height:100%;display:flex;flex-direction:column}.card-header-box{margin-bottom:32px;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.problem-header-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.solution-header-box{background:linear-gradient(135deg,#fff,#f0f7ff);border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(74,108,247,.08)}.card-category{display:inline-block;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.problem-header-box .card-category{color:#6c757d}.solution-header-box .card-category{color:var(--primary-color)}.card-title{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--text-color)}.card-subtitle{font-size:13px;color:var(--text-light);margin:0;line-height:1.4;font-style:italic}.problem-list,.solution-list{display:flex;flex-direction:column;gap:20px;flex:1}.problem-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e5e7eb}.problem-item:last-child{border-bottom:none}.metric-badge{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:42px;border-radius:10px;font-size:14px;font-weight:700;text-align:center;flex-shrink:0;margin-top:2px}.cost-badge,.metric-badge,.scale-badge,.speed-badge,.time-badge{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.solution-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e5e7eb}.solution-item:last-child{border-bottom:none}.solution-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px;box-shadow:0 2px 8px rgba(74,108,247,.25)}.problem-text h4,.solution-text h4{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px;color:var(--text-color)}.problem-text p,.solution-text p{font-size:14px;line-height:1.5;margin:0;color:#64748b}.ai-fleet-visual{margin-top:32px;padding:24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;border:1px solid #e2e8f0}.fleet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.fleet-title{font-size:14px;font-weight:600;color:var(--text-color)}.fleet-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:500}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agent-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#475569;font-weight:500;line-height:1.3}.agent-emoji{font-size:14px;flex-shrink:0;margin-right:2px}.section-cta{text-align:center;margin-top:50px}.cta-button{display:inline-block;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));color:#fff;padding:16px 32px;border-radius:50px;font-size:20px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-md);border:none;cursor:pointer}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(90deg,var(--primary-dark),#2940d3)}@media (max-width:768px){.problem-solution-section{padding:60px 0}.problem-solution-section .section-title{font-size:36px}.comparison-cards{grid-template-columns:1fr;gap:30px}.comparison-card{padding:24px}.solution-card{transform:translateY(-2px)}.solution-card:hover{transform:translateY(-4px)}.card-header-box{padding:16px}.recommended-badge{font-size:11px;padding:5px 14px;top:-10px;right:20px}.card-title{font-size:18px}.card-subtitle,.metric-badge{font-size:12px}.metric-badge{min-width:85px;height:38px}.problem-item,.solution-item{gap:12px}.ai-fleet-visual{margin-top:24px;padding:16px}.agent-grid{gap:8px;grid-template-columns:1fr}.agent-item{font-size:10px}.agent-emoji{font-size:12px}}@media (max-width:480px){.tagline-badge{font-size:12px;padding:6px 16px}.problem-solution-section .section-title{font-size:28px}.comparison-card{padding:20px}.solution-card{transform:translateY(-1px)}.solution-card:hover{transform:translateY(-2px)}.card-header-box{padding:14px}.recommended-badge{font-size:10px;padding:4px 12px;top:-8px;right:16px}.card-title{font-size:16px}.card-subtitle,.metric-badge{font-size:11px}.metric-badge{min-width:75px;height:34px}.problem-text h4,.solution-text h4{font-size:14px}.problem-text p,.solution-text p{font-size:13px}.cta-button{font-size:18px;padding:14px 28px}.ai-fleet-visual{padding:12px}.fleet-title{font-size:12px}.fleet-status{font-size:11px}.agent-grid{grid-template-columns:1fr;gap:6px}.agent-item{font-size:9px;gap:6px}.agent-emoji{font-size:11px}}