html,body{width:100%;overflow-x:hidden}.solutions-section{background:linear-gradient(180deg,var(--slate-950)0%,#0f172a99 50%,var(--slate-950)100%);scroll-behavior:smooth;padding:5rem 1.5rem;position:relative;overflow:hidden}.solutions-section:before{content:"";opacity:.5;pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#1e293b4d 1px,#0000 1px),linear-gradient(#1e293b4d 1px,#0000 1px);background-size:3rem 3rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 50%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 50%,#000 40%,#0000 100%)}.solutions-decoration{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.solutions-decoration-top{filter:blur(80px);background:radial-gradient(circle,#22d3ee1a 0%,#a855f70d 40%,#0000 70%);width:35rem;height:35rem;animation:18s ease-in-out infinite floatDecoration;top:-15%;right:-10%}.solutions-decoration-bottom{filter:blur(80px);background:radial-gradient(circle,#a855f71a 0%,#22d3ee0d 40%,#0000 70%);width:40rem;height:40rem;animation:22s ease-in-out infinite reverse floatDecoration;bottom:-20%;left:-15%}@keyframes floatDecoration{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}}.solutions-header,.solutions-grid{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(60px)}.solutions-header.animate-in,.solutions-grid.animate-in{opacity:1;transform:translateY(0)}.solutions-container{z-index:10;max-width:78rem;margin:0 auto;position:relative}.solutions-header{text-align:center;margin-bottom:4rem}.solutions-title{color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:2.75rem;font-weight:800;line-height:1.2}.solutions-gradient-text{background:linear-gradient(135deg,var(--cyan-400),var(--purple-400),var(--pink-400));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.solutions-subtitle{color:var(--slate-400);max-width:54rem;margin:0 auto;font-size:1.125rem;font-weight:400;line-height:1.7}.solutions-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;display:grid}.solution-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;cursor:pointer;background:#0f172a80;border:1px solid #22d3ee1f;border-radius:1.5rem;flex-direction:column;min-height:320px;padding:2.25rem;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards slideInCard;display:flex;position:relative;overflow:hidden}@keyframes slideInCard{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.solution-card-bg{opacity:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,#22d3ee14,#a855f70a);border-radius:1.5rem;transition:opacity .4s;position:absolute;inset:0}.solution-card-border{background:linear-gradient(135deg,var(--cyan-400),var(--purple-400),var(--pink-400));opacity:0;z-index:-1;pointer-events:none;border-radius:1.5rem;transition:opacity .4s;position:absolute;inset:-1px}.solution-card:hover{border-color:#22d3ee4d;transform:translateY(-16px)scale(1.02);box-shadow:0 30px 60px #22d3ee4d,0 0 40px #22d3ee1a}.solution-card:hover .solution-card-bg{opacity:1}.solution-card:hover .solution-card-border{opacity:.3}.solution-icon{z-index:2;border-radius:1.125rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.solution-icon svg{width:2.125rem;height:2.125rem;transition:all .4s}.solution-icon-cyan{background:linear-gradient(135deg,#22d3ee40,#06b6d41f);border:1px solid #22d3ee4d}.solution-icon-cyan svg{color:var(--cyan-400)}.solution-icon-purple{background:linear-gradient(135deg,#a855f740,#9333ea1f);border:1px solid #a855f74d}.solution-icon-purple svg{color:var(--purple-400)}.solution-icon-green{background:linear-gradient(135deg,#22c55e40,#16a34a1f);border:1px solid #22c55e4d}.solution-icon-green svg{color:#22c55e}.solution-icon-pink{background:linear-gradient(135deg,#f472b640,#ec48991f);border:1px solid #f472b64d}.solution-icon-pink svg{color:var(--pink-400)}.solution-icon-orange{background:linear-gradient(135deg,#f9731640,#ea580c1f);border:1px solid #f973164d}.solution-icon-orange svg{color:#f97316}.solution-icon-violet{background:linear-gradient(135deg,#8b5cf640,#7c3aed1f);border:1px solid #8b5cf64d}.solution-icon-violet svg{color:#8b5cf6}.solution-icon-teal{background:linear-gradient(135deg,#14b8a640,#0d94881f);border:1px solid #14b8a64d}.solution-icon-teal svg{color:#14b8a6}.solution-icon-glow{background:inherit;filter:blur(20px);opacity:0;z-index:-1;border-radius:1.125rem;transition:opacity .4s;position:absolute;inset:-8px}.solution-card:hover .solution-icon{transform:translateY(-8px)rotate(-5deg)scale(1.2)}.solution-card:hover .solution-icon svg{transform:rotate(10deg)scale(1.1)}.solution-card:hover .solution-icon-glow{opacity:.6}.solution-content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.solution-title{color:#fff;letter-spacing:-.3px;margin-bottom:1rem;font-size:1.375rem;font-weight:700;transition:all .3s}.solution-card:hover .solution-title{color:var(--cyan-400)}.solution-description{color:var(--slate-400);flex:1;margin-bottom:1.25rem;font-size:.9375rem;font-weight:400;line-height:1.75;transition:color .3s}.solution-card:hover .solution-description{color:var(--slate-300)}.solution-features{flex-wrap:wrap;gap:.625rem;margin-top:auto;display:flex}.feature-badge{color:var(--cyan-400);letter-spacing:.2px;text-transform:uppercase;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:.5rem;padding:.4rem .875rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.solution-card:hover .feature-badge{color:#fff;background:#22d3ee33;border-color:#22d3ee66;transform:translateY(-2px)}.solution-hover-effect{opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#22d3ee00,#a855f700);border-radius:1.5rem;transition:all .4s;position:absolute;inset:0}.solution-card:hover .solution-hover-effect{opacity:1;background:linear-gradient(135deg,#22d3ee0f,#a855f70f)}.solution-shine{opacity:0;pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;right:-50%;transform:rotate(45deg)}.solution-card:hover .solution-shine{animation:.6s shine}@keyframes shine{0%{opacity:0;top:-50%;right:-50%}50%{opacity:1}to{opacity:0;top:150%;right:150%}}@media (max-width:480px){.solutions-section{padding:3rem 1rem}.solutions-title{margin-bottom:1rem;font-size:1.875rem}.solutions-subtitle{font-size:.95rem;line-height:1.6}.solutions-grid{grid-template-columns:1fr;gap:1.5rem}.solution-card{min-height:auto;padding:1.75rem}.solution-icon{width:3.5rem;height:3.5rem}.solution-icon svg{width:1.875rem;height:1.875rem}.solution-title{font-size:1.1875rem}.solution-description{font-size:.875rem}.feature-badge{padding:.375rem .75rem;font-size:.7rem}.solutions-decoration-top,.solutions-decoration-bottom{width:20rem;height:20rem}}@media (min-width:481px) and (max-width:768px){.solutions-section{padding:4rem 1.25rem}.solutions-title{margin-bottom:1.25rem;font-size:2.25rem}.solutions-subtitle{font-size:1rem}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}.solution-card{padding:2rem}.solution-icon{width:3.75rem;height:3.75rem}.solution-title{font-size:1.25rem}.solutions-decoration-top,.solutions-decoration-bottom{width:25rem;height:25rem}}@media (min-width:769px) and (max-width:1024px){.solutions-section{padding:4.5rem 1.5rem}.solutions-title{font-size:2.75rem}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.solution-card{padding:2.125rem}}@media (min-width:1025px){.solutions-section{padding:5.5rem 1.5rem}.solutions-title{margin-bottom:1.75rem;font-size:3rem}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.solution-card{padding:2.5rem}.solution-card:hover{transform:translateY(-20px)scale(1.03)}}@media (min-width:1440px){.solutions-title{font-size:3.5rem}.solutions-container{max-width:85rem}.solutions-grid{gap:3rem}}
