.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--color-primary)}.solutions-main{flex:1}.hero-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,#2d1b69 100%);border-radius:25px;margin:20px;position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 40px #0006}.hero-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(216,35,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(216,35,255,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.hero-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(216,35,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,138,76,.1) 0%,transparent 50%)}.hero-content{text-align:center;position:relative;z-index:3;padding:50px 20px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;color:transparent;background:linear-gradient(135deg,var(--color-accent),var(--color-orange),#fff);-webkit-background-clip:text;background-clip:text;margin:0 0 20px;line-height:1.1;text-shadow:0 0 30px rgba(216,35,255,.3);text-align:center;display:inline-block;position:relative}.breadcrumb{font-size:1.2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.breadcrumb-link{color:#ffffffb3;text-decoration:none;transition:all .3s ease;padding:5px 10px;border-radius:8px}.breadcrumb-link:hover{color:var(--color-accent);background:#d823ff1a}.breadcrumb-active{color:var(--color-accent);font-weight:600}.separator{color:#fff6;font-weight:300}.solutions-content{padding:6rem 0;background:linear-gradient(180deg,var(--color-primary) 0%,#0f0920 100%);position:relative}.container{max-width:1400px;margin:0 auto;padding:0 20px}.solutions-intro{text-align:center;margin-bottom:5rem;animation:fadeInUp 1s ease-out .3s both}.solutions-vision{font-family:var(--font-body);font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.6;color:#ffffffe6;max-width:900px;margin:0 auto;font-style:italic;font-weight:500}.solutions-vision strong{color:var(--color-accent);font-weight:600;background:linear-gradient(135deg,var(--color-accent),var(--color-orange));-webkit-background-clip:text;background-clip:text;color:transparent}.labs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:4rem}.lab-card{background:#161426d9;border:2px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);border-radius:25px;padding:3.5rem;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 8px 32px #00000080,inset 0 1px #fff3,0 0 20px #d823ff1a;animation:fadeInUp 1s ease-out both}.lab-card:nth-child(1){animation-delay:.5s}.lab-card:nth-child(2){animation-delay:.7s}.lab-card:nth-child(3){animation-delay:.9s}.lab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-orange),var(--color-accent));opacity:.9;box-shadow:0 2px 10px #d823ff4d}.lab-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(216,35,255,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,138,76,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.lab-card:hover{transform:translateY(-15px) scale(1.02);border-color:#d823ff66;box-shadow:0 25px 60px #d823ff33,0 8px 32px #0009,inset 0 1px #ffffff4d}.lab-icon{width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-orange));border-radius:20px;box-shadow:0 10px 30px #d823ff4d;position:relative;z-index:1;animation:iconFloat 3s ease-in-out infinite}.lab-icon svg{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.lab-icon img{width:50px;height:50px;object-fit:contain;display:block}.lab-gif{width:80px;height:80px;display:block;margin:0 auto 2rem;object-fit:contain;image-rendering:-webkit-optimize-contrast}.lab-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.2rem);font-weight:700;color:var(--color-accent);margin:0 0 1.5rem;text-align:center;position:relative;z-index:1;text-shadow:0 2px 8px rgba(216,35,255,.3)}.lab-subtitle{font-family:var(--font-body);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;color:var(--color-orange);margin:0 0 1.5rem;text-align:left;position:relative;z-index:1;line-height:1.4}.lab-description{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7;color:#ffffffe6;margin:0 0 1.5rem;position:relative;z-index:1;text-align:justify}.lab-approach{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7;color:#fffffff2;margin:0;position:relative;z-index:1;text-align:justify;font-style:italic;border-left:3px solid var(--color-accent);padding-left:1rem;background:#d823ff0d;padding:1rem;border-radius:0 10px 10px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1200px){.labs-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.lab-card{padding:3rem}}@media (max-width: 768px){.hero-banner{margin:15px;border-radius:20px;min-height:200px}.hero-content{padding:40px 15px}.solutions-content{padding:4rem 0}.container{padding:0 15px}.solutions-intro{margin-bottom:3rem}.labs-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.lab-card{padding:2.5rem}.lab-gif{width:60px;height:60px;margin-bottom:1.5rem}.lab-approach{padding:.8rem}}@media (max-width: 480px){.hero-banner{margin:10px;border-radius:15px;min-height:180px}.hero-content{padding:30px 10px}.solutions-content{padding:3rem 0}.container{padding:0 10px}.solutions-intro{margin-bottom:2.5rem}.breadcrumb{font-size:1rem;flex-wrap:wrap}.labs-grid{gap:1.5rem;margin-top:2rem}.lab-card{padding:1.5rem;border-radius:20px}.lab-gif{width:50px;height:50px;margin-bottom:1rem}.lab-title,.lab-subtitle{margin-bottom:1rem}.lab-description{margin-bottom:1rem;text-align:left}.lab-approach{padding:.6rem;text-align:left}}