.crm{padding:80px 40px;position:relative}.crm:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(20.9% 55.1% at 112.5% -6.6%,#e4ecff 0%,#e4ecffd6 25%,#e4ecff80 50%,#e4ecff29 75%,#e4ecff00 100%),radial-gradient(26.8% 47.6% at 55.2% 12.5%,#fffef163 0%,#fffef154 25%,#fffef133 50%,#fffef10f 75%,#fffef100 100%),radial-gradient(119.2% 81.7% at -21% -30%,#b5cdf2 0%,#b5cdf2d6 25%,#b5cdf280 50%,#b5cdf229 75%,#b5cdf200 100%),radial-gradient(41.6% 44% at 114.6% 43.3%,#d2deffc2 0%,#d2deffa3 25%,#d2deff61 50%,#d2deff1f 75%,#d2deff00 100%),radial-gradient(97.9% 134.8% at -30% 83.2%,#c1d7ffa3 0%,#c1d7ff8a 25%,#c1d7ff52 50%,#c1d7ff1a 75%,#c1d7ff00 100%),linear-gradient(49deg,#25364c00 23.5%,#25364c5c 32.9%,#25364c99 37.6%,#25364cb8 42.3%,#25364c99 47%,#25364c5c 51.7%,#25364c00 61.1%),linear-gradient(38.5deg,#33477000 20.9%,#3347706b 34.4%,#334770b5 41.2%,#334770d9 47.9%,#334770b5 54.7%,#3347706b 61.4%,#33477000 75%),linear-gradient(#8ea0c4 0%,#7c92bc 10%,#748ab5 20%,#6c82ab 30%,#657ba2 40%,#5b7199 50%,#516892 60%,#4f6692 70%,#516894 80%,#556b97 90%,#5a7099 100%);position:absolute;inset:0}.crm__content{max-width:var(--content-max);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid #fff3;border-radius:20px;grid-template-columns:repeat(2,1fr);gap:160px;height:600px;margin:0 auto;padding:65px 45px;display:grid}.crm__content-icons{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:40px;display:grid}.crm__content-icons-button{cursor:pointer;--wave:255,255,255;--ease:cubic-bezier(.34,1.1,.64,1);border-radius:50%;width:180px;height:180px;position:relative}.crm.dark .crm__content-icons-button{--wave:184,192,204}.crm__content-icons-button:before{content:"";transition:transform .6s var(--ease);will-change:transform;background:#fff3;border-radius:50%;position:absolute;inset:0;transform:scale(.7778)}.crm__content-icons-button.active:before{transform:scale(1)}.crm__content-icons-img{z-index:1;transition:transform .6s var(--ease);will-change:transform;display:block;position:absolute;inset:25px;transform:scale(.6923)}.crm__content-icons-button.active .crm__content-icons-img{transform:scale(1)}.crm__content-icons-img img{object-fit:contain;width:100%;height:100%;display:block}.crm.dark .crm__content-icons-img img{filter:brightness(.8)contrast(1.1)}.crm__content-icons-img img.is-pop{animation:.7s cubic-bezier(.22,1,.36,1) crm-icon-pop}@keyframes crm-icon-pop{0%{transform:scale(1)}18%{transform:scale(.97)}50%{transform:scale(1.015)}72%{transform:scale(.995)}to{transform:scale(1)}}.crm-wave{pointer-events:none;border-radius:50%;position:absolute;inset:0}.crm-wave i{opacity:0;box-shadow:0 0 24px 2px rgba(var(--wave),.18),inset 0 0 20px rgba(var(--wave),.12);border-radius:50%;animation:1s ease-out forwards crm-halo;position:absolute;inset:0}@keyframes crm-halo{0%{opacity:0;transform:scale(.95)}30%{opacity:1}to{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.crm__content-icons-button:before,.crm__content-icons-img{transition:none}.crm__content-feature,.crm__content-feature.active{transition:none;transform:none}.crm-wave,.crm__content-icons-img img.is-pop{animation:none;display:none}}.crm__content-text{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.crm__content-text .crm__content-button{width:200px}.crm__content-title{text-wrap:balance;text-align:right;margin-bottom:32px;font-size:48px;line-height:120%}.crm__content-description{text-align:right;font-size:18px;line-height:150%}.crm__content-features{display:grid}.crm__content-feature{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;transform:translateY(8px)}.crm__content-feature.active{opacity:1;visibility:visible;transition:opacity .45s .12s,transform .6s cubic-bezier(.22,1,.36,1) .12s,visibility;transform:translateY(0)}.crm__content-feature-name{letter-spacing:2px;text-transform:uppercase;text-align:right;opacity:.8;margin-bottom:12px;font-size:14px}.crm{transition:background-color .5s}.crm.dark{background-color:#0b111b}.crm.dark:before{background-image:radial-gradient(73.4% 79.8% at -30% 85.5%,#00051d96 0%,#00051d80 25%,#00051d4d 50%,#00051d17 75%,#00051d00 100%),radial-gradient(26.4% 82.1% at 54.2% 18.4%,#cce2ff1f 0%,#cce2ff1a 25%,#cce2ff0f 50%,#cce2ff05 75%,#cce2ff00 100%),radial-gradient(45.8% 88.9% at 95.9% 45.6%,#90b6ff36 0%,#90b6ff2e 25%,#90b6ff1c 50%,#90b6ff08 75%,#90b6ff00 100%),radial-gradient(43.3% 200% at 6.4% 84.4%,#7fadff54 0%,#7fadff47 25%,#7fadff29 50%,#7fadff0d 75%,#7fadff00 100%),radial-gradient(73.1% 45.4% at 130% 18.1%,#000c27f7 0%,#000c27d1 25%,#000c277a 50%,#000c2726 75%,#000c2700 100%),linear-gradient(44.6deg,#00010200 23.2%,#0001023d 33.6%,#00010269 38.8%,#0001027a 44%,#00010269 49.2%,#0001023d 54.4%,#00010200 64.8%),linear-gradient(15.9deg,#00061200 14.6%,#0006125c 31.6%,#00061299 40%,#000612b5 48.5%,#00061299 56.9%,#0006125c 65.4%,#00061200 82.3%),linear-gradient(#263552 0%,#2c3c5b 10%,#2c3b58 20%,#27354f 30%,#232f46 40%,#1f2b41 50%,#1d293f 60%,#1d2940 70%,#1d2941 80%,#1d2942 90%,#1c2942 100%)}.crm.dark .crm__content{color:#f0f2f1;border-color:#8493ac40}.crm.dark .crm__content-description{color:#b8c0cc}.crm.dark .crm__content-icons-button:before{background:#8493ac26;box-shadow:inset 0 1px #ffffff14}.crm.dark .crm__content-button{color:#f0f2f1;background:#0b111b59;border-color:#8493ac59}@media (max-width:1439px){.crm__content{--icon:min(180px,((100vw - 250px)/2 - 48px)/3);gap:80px;height:auto}.crm__content-text{gap:48px}.crm__content-icons{gap:calc(var(--icon)*.25)24px;grid-template-rows:repeat(2,var(--icon));align-content:end}.crm__content-icons-button{width:var(--icon);height:var(--icon)}.crm__content-icons-img{inset:13.89%}}@media (max-width:1100px){.crm{padding:64px 24px}.crm__content{--icon:150px;grid-template-columns:100%;gap:48px;height:auto;padding:48px 32px}.crm__content-icons{justify-self:center;gap:32px 24px}.crm__content-text{flex-direction:column-reverse;align-items:flex-start;gap:32px}.crm__content-title{text-align:left;margin-bottom:24px;font-size:40px}.crm__content-description,.crm__content-feature-name{text-align:left}}@media (max-width:780px){.crm{padding:48px 16px}.crm__content{--icon:min(150px,(100vw - 32px - 40px - 24px)/3);gap:40px;padding:32px 20px}.crm__content-icons{gap:16px 12px}.crm__content-title{margin-bottom:20px;font-size:30px}.crm__content-description{font-size:16px}}
