.framo-why-section{background-image:radial-gradient(at 3% 38%,#dcf1ec 0,#0000 28%),radial-gradient(at 97% 8%,#e3f7f1 0,#0000 28%)}.framo-why-section .framo-routes{-webkit-mask-image:linear-gradient(#0000 55%,#000);mask-image:linear-gradient(#0000 55%,#000)}.framo-why-heading{font-size:clamp(2.125rem,1.55rem + 2.2vw,3rem)}.framo-why-accent{color:#0000;background:linear-gradient(100deg,#075d60 5%,#0c8284 45%,#5bbfae 100%);-webkit-background-clip:text;background-clip:text;font-weight:650}.framo-why-rail{inset-inline-start:1.65rem;z-index:1;pointer-events:none;background:#0c828429;border-radius:99px;width:2px;position:absolute;top:12.5%;bottom:12.5%}.framo-why-fill{border-radius:inherit;background:linear-gradient(#0c8284,#5bbfae);width:100%;transition:height .5s cubic-bezier(.22,1,.36,1);display:block}.framo-why-tab{background:0 0;border:1px solid #0000;padding-block:1.25rem;padding-inline:3.5rem 1.25rem;transition:background .25s,border-color .25s,box-shadow .25s}.framo-why-tab:focus-visible{outline-offset:2px;outline:2px solid #0c8284}.framo-why-tab[data-state=active]{background:#fff;border-color:#0a2a2e1a;box-shadow:0 24px 48px -30px #0a2a2e4d}.framo-why-tab[data-state=active] .framo-why-title,.framo-why-tab:not([data-state=active]):hover .framo-why-title{color:#0c8284}.framo-why-node{inset-inline-start:1.25rem;z-index:2;background:#f5f8f7;border:2px solid #a2cbc3;border-radius:50%;width:.875rem;height:.875rem;transition:background .25s,border-color .25s,box-shadow .25s;position:absolute;top:50%;translate:0 -50%}.framo-why-node.is-passed{background:#0c8284;border-color:#0c8284}.framo-why-tab[data-state=active] .framo-why-node{background:#0c8284;border-color:#fff;box-shadow:0 0 0 1px #0c8284,0 0 0 6px #0c828429}.framo-why-frame{aspect-ratio:4/3}@media (width>=1024px){.framo-why-frame{aspect-ratio:4/3}}@media (width>=640px) and (width<=1023px){.framo-why-frame{aspect-ratio:3/2}}@media (width>=1024px) and (width<=1279px){.framo-why-title{font-size:1.125rem}.framo-why-tab>span:last-child{font-size:.9375rem;line-height:1.5}}@media (width<=639px){.framo-why-frame{aspect-ratio:1}.framo-why-tab{padding-block:1rem;padding-inline:3.125rem 1rem}.framo-why-title{font-size:1.125rem}.framo-why-node{inset-inline-start:1rem}.framo-why-rail{inset-inline-start:1.375rem}}@media (prefers-reduced-motion:no-preference){.framo-why-panel[data-state=active] .framo-why-frame img{animation:1.4s cubic-bezier(.22,1,.36,1) both framo-why-image}.framo-why-panel[data-state=active] .framo-why-chip{animation:.65s cubic-bezier(.22,1,.36,1) .12s both framo-why-chip}}@media (prefers-reduced-motion:reduce){.framo-why-fill,.framo-why-tab,.framo-why-node{transition:none}}@keyframes framo-why-image{0%{opacity:.6;scale:1.06}to{opacity:1;scale:1}}@keyframes framo-why-chip{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.framo-contact-route-vertical,.framo-contact-route-diagonal,.framo-contact-route-horizontal{pointer-events:none;background:linear-gradient(#0c8284,#5bbfae);position:absolute}.framo-contact-route-vertical{inset-inline-start:0;transform-origin:top;width:1px;top:0;bottom:0}.framo-contact-route-vertical:after{content:"";opacity:0;background:linear-gradient(#0000,#5bbfae,#087b7d) 0 -3rem/100% 3rem no-repeat;position:absolute;inset:0 -1px}.framo-contact-route-diagonal,.framo-contact-route-horizontal{display:block}.framo-contact-route-diagonal{inset-inline-start:0;transform-origin:0;width:34px;height:1px;top:100%;transform:rotate(45deg)}.framo-contact-route-horizontal{inset-inline-start:24px;transform-origin:top;width:1px;height:24px;top:calc(100% + 24px)}.framo-contact-route-horizontal span{opacity:0;background:linear-gradient(#0000,#5bbfae,#087b7d) 0 -3rem/100% 3rem no-repeat;position:absolute;inset:0 -1px}[dir=rtl] .framo-contact-route-diagonal{transform-origin:100%;transform:rotate(-45deg)}@media (width>=1024px){.framo-contact-route-vertical{bottom:24px}.framo-contact-route-diagonal{top:auto;inset-inline-start:0;transform-origin:0;width:34px;height:1px;display:block;bottom:24px;transform:rotate(45deg)}.framo-contact-route-horizontal{top:auto;inset-inline:24px -5rem;transform-origin:0;background:linear-gradient(90deg,#0c8284,#5bbfae);width:auto;height:1px;display:block;bottom:0}[dir=rtl] .framo-contact-route-diagonal{transform-origin:100%;transform:rotate(-45deg)}[dir=rtl] .framo-contact-route-horizontal{transform-origin:100%;background:linear-gradient(270deg,#0c8284,#5bbfae)}.framo-contact-route-horizontal span{background:linear-gradient(90deg,#0000,#5bbfae,#087b7d) -3rem 0/3rem 100% no-repeat;inset:-1px 0}[dir=rtl] .framo-contact-route-horizontal span{background:linear-gradient(270deg,#0000,#5bbfae,#087b7d) calc(100% + 3rem) 0/3rem 100% no-repeat}}@media (prefers-reduced-motion:no-preference){.framo-contact-route.is-visible .framo-contact-route-vertical{animation:1.1s cubic-bezier(.22,1,.36,1) both framo-contact-grow-y}.framo-contact-route.is-visible .framo-contact-route-horizontal{animation:.6s cubic-bezier(.22,1,.36,1) 1.8s both framo-contact-grow-y}@media (width>=1024px){.framo-contact-route.is-visible .framo-contact-route-horizontal{animation:1.1s cubic-bezier(.22,1,.36,1) .7s both framo-contact-grow-x}}.framo-contact-route.is-visible .framo-contact-route-vertical:after{animation:5.5s linear 1.4s infinite framo-contact-flow-down}.framo-contact-route.is-visible .framo-contact-route-horizontal span{animation:5.5s linear 1.4s infinite framo-contact-flow-drop}@media (width>=1024px){.framo-contact-route.is-visible .framo-contact-route-horizontal span{animation-name:framo-contact-flow-across}[dir=rtl] .framo-contact-route.is-visible .framo-contact-route-horizontal span{animation-name:framo-contact-flow-across-rtl}}}@keyframes framo-contact-grow-y{0%{scale:1 0}to{scale:1}}@keyframes framo-contact-grow-x{0%{scale:0 1}to{scale:1}}@keyframes framo-contact-flow-down{0%{opacity:0;background-position:0 -3rem}4%{opacity:1}38%{opacity:1;background-position:0 100%}42%,to{opacity:0;background-position:0 100%}}@keyframes framo-contact-flow-drop{0%,44%{opacity:0;background-position:0 -3rem}48%{opacity:1}70%{opacity:1;background-position:0 100%}76%,to{opacity:0;background-position:0 100%}}@keyframes framo-contact-flow-across{0%,44%{opacity:0;background-position:-3rem 0}48%{opacity:1}84%{opacity:1;background-position:100% 0}90%,to{opacity:0;background-position:100% 0}}@keyframes framo-contact-flow-across-rtl{0%,44%{opacity:0;background-position:calc(100% + 3rem) 0}48%{opacity:1}84%{opacity:1;background-position:0 0}90%,to{opacity:0;background-position:0 0}}