.approach{padding:3.6rem 0;background:rgba(0,0,0,0)}.approach .section-title{text-align:center;font-family:"Montserrat";font-size:clamp(1.44rem,2.88vw,2.16rem);font-weight:300;color:#fff;margin-bottom:3.6rem}.approach-container{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:1000px;overflow:visible;--model-width: 400px;--model-height: 400px;--model-half-height: 200px;--card-gap: 50px}@media(max-width: 768px){.approach-container{flex-direction:column;min-height:auto}}.approach-model{position:absolute;width:700px;height:700px;left:50%;top:60%;transform:translate(-50%, -50%);z-index:1;overflow:visible}.approach-model .rings-model{position:absolute;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,0);--poster-color: transparent;filter:brightness(1.15) drop-shadow(0 0 15px rgba(255, 255, 255, 0.4)) drop-shadow(0 0 35px rgba(140, 143, 223, 0.3))}.approach-model .sparkles-3d{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;perspective:1000px;transform-style:preserve-3d}.approach-model .sparkle-3d{transform-style:preserve-3d;will-change:transform,opacity}.approach-model .dolphin-swimming{position:absolute;width:80px;height:80px;top:50%;left:50%;background-color:rgba(0,0,0,0);--poster-color: transparent;pointer-events:none;filter:drop-shadow(0 0 10px rgba(140, 143, 223, 0.5));animation:swimAroundRings 12s linear infinite}@media(max-width: 768px){.approach-model{position:relative;width:300px;height:300px;left:auto;top:auto;transform:none;margin:2.88rem auto}.approach-model .dolphin-swimming{width:60px;height:60px;animation:swimAroundRings 10s linear infinite}}@media(max-width: 480px){.approach-model{width:250px;height:250px}.approach-model .dolphin-swimming{width:50px;height:50px}}.sparks-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(140, 143, 223, 0.9) 30%, transparent 70%);box-shadow:0 0 10px rgba(140,143,223,.8),0 0 20px rgba(140,143,223,.5),0 0 30px rgba(140,143,223,.3);opacity:0;animation:sparkFloat 6s infinite ease-in-out}.spark:nth-child(1){top:45%;left:81%;animation-delay:.6s;animation-duration:7s}.spark:nth-child(2){top:53%;left:68%;animation-delay:.6s;animation-duration:9s}.spark:nth-child(3){top:97%;left:78%;animation-delay:4s;animation-duration:7.5s}.spark:nth-child(4){top:57%;left:94%;animation-delay:4.8s;animation-duration:6.8s}.spark:nth-child(5){top:64%;left:4%;animation-delay:.6s;animation-duration:8.9s}.spark:nth-child(6){top:32%;left:6%;animation-delay:.9s;animation-duration:7.4s}.spark:nth-child(7){top:19%;left:80%;animation-delay:5.5s;animation-duration:6.3s}.spark:nth-child(8){top:73%;left:96%;animation-delay:3s;animation-duration:8.3s}.spark:nth-child(9){top:91%;left:90%;animation-delay:6s;animation-duration:6s}.spark:nth-child(10){top:52%;left:59%;animation-delay:3.7s;animation-duration:7.9s}.spark:nth-child(11){top:89%;left:42%;animation-delay:3.4s;animation-duration:6s}.spark:nth-child(12){top:42%;left:84%;animation-delay:5.8s;animation-duration:8s}.spark:nth-child(13){top:80%;left:95%;animation-delay:.4s;animation-duration:6.3s}.spark:nth-child(14){top:45%;left:89%;animation-delay:3.2s;animation-duration:6.1s}.spark:nth-child(15){top:26%;left:100%;animation-delay:4.6s;animation-duration:7.2s}.spark:nth-child(16){top:92%;left:5%;animation-delay:3.4s;animation-duration:8s}.spark:nth-child(17){top:59%;left:10%;animation-delay:3.9s;animation-duration:5.4s}.spark:nth-child(18){top:74%;left:86%;animation-delay:.2s;animation-duration:6.2s}.spark:nth-child(19){top:94%;left:12%;animation-delay:.5s;animation-duration:8.5s}.spark:nth-child(20){top:72%;left:72%;animation-delay:4.1s;animation-duration:8.3s}.spark:nth-child(21){top:55%;left:13%;animation-delay:1.3s;animation-duration:5.7s}.spark:nth-child(22){top:48%;left:70%;animation-delay:4.1s;animation-duration:5.3s}.spark:nth-child(23){top:88%;left:44%;animation-delay:4.4s;animation-duration:6s}.spark:nth-child(24){top:91%;left:84%;animation-delay:5.9s;animation-duration:8.6s}.spark:nth-child(25){top:1%;left:63%;animation-delay:5.3s;animation-duration:8.4s}.spark:nth-child(26){top:95%;left:98%;animation-delay:2.8s;animation-duration:7.9s}.spark:nth-child(27){top:45%;left:38%;animation-delay:2.6s;animation-duration:8s}.spark:nth-child(28){top:100%;left:29%;animation-delay:2.4s;animation-duration:8.4s}.spark:nth-child(29){top:72%;left:66%;animation-delay:3s;animation-duration:5.6s}.spark:nth-child(30){top:29%;left:24%;animation-delay:.9s;animation-duration:7.8s}@keyframes sparkFloat{0%,100%{opacity:0;transform:translate(0, 0) scale(0.5)}10%{opacity:1;transform:translate(-11px, 0px) scale(1)}50%{opacity:.8;transform:translate(8px, -8px) scale(1.2)}90%{opacity:.5}}.approach-grid{position:relative;width:100%;max-width:1200px;height:1000px;z-index:2;overflow:visible}@media(max-width: 768px){.approach-grid{display:flex;flex-direction:column;gap:1.44rem;height:auto;padding:0 .72rem}}@media(max-width: 480px){.approach-grid{gap:1.08rem}}.approach-card{background:#fff;border-radius:11.7px;border:.9px solid #e5e7eb;transition:all .3s ease;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.8rem 1.44rem;position:absolute;max-width:320px}.approach-card:nth-child(1){top:-30px;left:50%;transform:translateX(-50%)}.approach-card:nth-child(2){bottom:50px;left:0}.approach-card:nth-child(3){bottom:50px;right:0}@media(max-width: 768px){.approach-card{position:relative;max-width:none;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important}}.approach-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:11.7px;padding:1.8px;background:linear-gradient(135deg, #d2a3d7, #8c8fdf, #ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.approach-card:hover{background:#fff !important;box-shadow:0 9px 23.4px rgba(99,102,241,.15);border-color:rgba(0,0,0,0)}.approach-card:hover::before{opacity:1}.approach-card:hover .approach-icon{background:linear-gradient(135deg, #d2a3d7 0%, #8c8fdf 50%, #98b1e9 100%);transform:scale(1.05) rotate(5deg)}.approach-card:hover .approach-icon svg{color:#fff;transform:scale(1.1)}.approach-card:nth-child(2):hover,.approach-card:nth-child(3):hover{transform:translateY(-5.4px)}.approach-card:nth-child(1):hover{transform:translateX(-50%)}.approach-card{animation:slideInUp .4s ease-out;animation-fill-mode:forwards}.approach-card:nth-child(1){animation-delay:0s;animation-name:slideInUpCentered}.approach-card:nth-child(2){animation-delay:.05s}.approach-card:nth-child(3){animation-delay:.1s}@media(max-width: 768px){.approach-card{padding:1.44rem 1.08rem}}@media(max-width: 480px){.approach-card{padding:1.44rem .9rem}}.approach-icon{width:69.3px;height:69.3px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f0f1ff, #e8e9ff);border-radius:17.1px;transition:all .3s ease}.approach-icon svg{color:#8c8fdf;transition:all .3s ease}.approach-icon{margin-bottom:1.44rem;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.approach-icon svg{position:relative;z-index:1}@media(max-width: 768px){.approach-icon{width:57.6px;height:57.6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f0f1ff, #e8e9ff);border-radius:17.1px;transition:all .3s ease}.approach-icon svg{color:#8c8fdf;transition:all .3s ease}.approach-icon{margin-bottom:1.08rem}.approach-icon svg{width:34.2px;height:34.2px}}@media(max-width: 480px){.approach-icon{width:52.2px;height:52.2px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f0f1ff, #e8e9ff);border-radius:17.1px;transition:all .3s ease}.approach-icon svg{color:#8c8fdf;transition:all .3s ease}.approach-icon svg{width:31.5px;height:31.5px}}.approach-title{font-family:"Montserrat";font-size:clamp(.9rem,1.8vw,1.08rem);font-weight:300;color:#1a1a1a;margin-bottom:.72rem;line-height:1.3}@media(max-width: 480px){.approach-title{margin-bottom:.54rem}}.approach-text{font-family:"Montserrat";font-size:clamp(.72rem,1.44vw,.99rem);font-weight:300;color:#6b7280;line-height:1.7;max-width:273.6px}.metric-highlight{color:#8c8fdf;font-weight:300}@keyframes slideInUp{from{opacity:0;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpCentered{from{opacity:0;transform:translateX(-50%) translateY(27px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes swimAroundRings{0%{transform:translate(-50%, -50%) rotate(0deg) translateX(180px) rotate(0deg) rotateY(0deg)}25%{transform:translate(-50%, -50%) rotate(90deg) translateX(180px) rotate(-90deg) rotateY(10deg)}50%{transform:translate(-50%, -50%) rotate(180deg) translateX(180px) rotate(-180deg) rotateY(0deg)}75%{transform:translate(-50%, -50%) rotate(270deg) translateX(180px) rotate(-270deg) rotateY(-10deg)}100%{transform:translate(-50%, -50%) rotate(360deg) translateX(180px) rotate(-360deg) rotateY(0deg)}}/*# sourceMappingURL=approach.css.map */