.values-section{padding:80px 20px;background:linear-gradient(180deg,#fff,#f8fafb);position:relative;overflow:hidden}.values-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(178,218,244,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}.values-section:after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(13,134,201,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 25s ease-in-out infinite reverse}.values-container{margin:0 auto;position:relative;z-index:1}.values-header{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}.values-title{font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em;background:linear-gradient(135deg,#0d86c9,#0a6fa5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.values-subtitle{line-height:1.6;max-width:600px;margin:0 auto;opacity:.9}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:80px}.value-card{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 4px 20px #0d86c914;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out backwards}.value-card:nth-child(1){animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-card:nth-child(5){animation-delay:.5s}.value-card:nth-child(6){animation-delay:.6s}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0d86c9,#b2daf4);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0d86c926}.value-card:hover:before{transform:scaleX(1)}.value-icon-wrapper{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;transition:all .3s ease}.value-card:hover .value-icon-wrapper{transform:scale(1.1) rotate(5deg)}.value-icon{width:36px;height:36px}.value-icon svg,.value-icon img{width:100%;height:100%;transition:stroke-width .3s ease;object-fit:contain;display:block}.value-card:hover .value-icon svg{stroke-width:2.5}.value-title{font-weight:600;line-height:1.3;margin-bottom:12px;letter-spacing:-.01em}.value-description{line-height:1.7;opacity:.85;margin-bottom:16px}.value-link{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative}.value-link:hover{gap:12px}.link-arrow{transition:transform .3s ease}.value-link:hover .link-arrow{transform:translate(4px)}.value-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.value-link:hover:after{width:calc(100% - 24px)}.values-image-wrapper{position:relative;margin-top:60px;animation:fadeIn 1s ease-out .5s backwards}.values-image-container{position:relative;overflow:visible}.values-image{width:100%;height:auto;max-height:500px;object-fit:contain;display:block;transition:transform .8s ease}.values-image-container:hover .values-image{transform:scale(1.05)}.values-cta{text-align:center;margin-top:60px;animation:fadeInUp 1s ease-out .6s backwards}.cta-button{display:inline-block;padding:16px 40px;border-radius:50px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #0d86c933}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d86c94d}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.cta-button:hover:before{width:300px;height:300px}.ripple{position:absolute;border-radius:50%;background:#0d86c94d;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}.value-card:after{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle,rgba(178,218,244,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.value-card:hover:after{opacity:1}.values-image.loaded{animation:imageReveal .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@keyframes imageReveal{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 1024px){.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}}@media screen and (max-width: 768px){.values-section{padding:60px 16px}.values-section:before,.values-section:after{display:none}.values-grid{grid-template-columns:1fr;gap:24px}.value-card{padding:32px 24px}.values-title{font-size:32px!important}.values-subtitle{font-size:16px!important}.values-image-container{max-height:none}.values-header{margin-bottom:40px}.values-image-wrapper{margin-top:40px}}@media screen and (max-width: 480px){.value-icon-wrapper{width:60px;height:60px;border-radius:14px}.value-icon{width:28px;height:28px}.value-card{padding:24px 20px;border-radius:16px}.cta-button{padding:14px 32px;font-size:15px}}@media (prefers-color-scheme: dark){.values-section{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.value-card{background:#1f1f1f;box-shadow:0 4px 20px #0d86c933}.value-card:hover{box-shadow:0 12px 40px #0d86c94d}}@media print{.values-section:before,.values-section:after{display:none}.value-card{box-shadow:none;border:1px solid #e5e7eb;break-inside:avoid}.values-image-container{box-shadow:none;border:1px solid #e5e7eb}@page{margin:2cm}}@media (prefers-reduced-motion: reduce){.values-section:before,.values-section:after{animation:none}.value-card,.values-header,.values-image-wrapper,.values-cta{animation:none}.value-card:hover{transform:none}.value-icon-wrapper,.values-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/values-section.css.map */