.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-leadership-section{background-image:radial-gradient(at 0 36%,#e6f5ef,#0000 30%)}.framo-leadership-accent{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#086e72 5%,#0c8284 45%,#5bbfae);-webkit-background-clip:text;background-clip:text;font-weight:650}[dir=rtl] .framo-leadership-accent{background-image:linear-gradient(260deg,#086e72 5%,#0c8284 45%,#5bbfae)}.framo-leaders{--leader-gap:1rem;--leader-stop:1.75rem;--leader-stub:1.5rem}.framo-leader{container-type:inline-size}.framo-leader:before{content:"";top:var(--leader-stop);width:calc(100% + var(--leader-gap));transform-origin:0;background:linear-gradient(90deg,#0c8284,#5bbfae);height:1px;position:absolute;inset-inline-start:50%}[dir=rtl] .framo-leader:before{transform-origin:100%;background:linear-gradient(270deg,#0c8284,#5bbfae)}.framo-leader:nth-child(2n):before{display:none}.framo-leader-stop:after{content:"";height:var(--leader-stub);background:linear-gradient(#5bbfae,#0000);width:1px;position:absolute;top:100%;left:50%}.framo-leader-stop{height:var(--leader-stop);transition:color .25s ease-out}.framo-leader-node{background:#5bbfae;border:2px solid #fff;transition:background .25s,box-shadow .25s,scale .25s;translate:-50% -50%;box-shadow:0 0 0 1px #5bbfae73}.framo-leader-arch{background:linear-gradient(178deg,#e5f4f0 10%,#bde5d9);margin-block-start:var(--leader-stub)}.framo-leader-arch:before{opacity:0;content:"";background:radial-gradient(70% 55% at 50% 100%,#5bbfae4d,#0000);transition:opacity .3s ease-out;position:absolute;inset:0}.framo-leader:nth-child(2n) .framo-leader-arch{background:linear-gradient(178deg,#e9f7f1 10%,#c7e5e1)}.framo-leader-arch img{transition:scale .65s cubic-bezier(.22,1,.36,1)}.framo-leader-actions{top:calc(var(--leader-stop) + var(--leader-stub) + 125cqw - 3.75rem);opacity:0;background:#fff;padding:.3125rem;transition:opacity .25s,translate .25s;position:absolute;left:50%;translate:-50% .75rem;box-shadow:0 14px 30px -14px #0a2a2e80}.framo-leader:hover .framo-leader-stop,.framo-leader:focus-within .framo-leader-stop{color:#086e72}.framo-leader:hover .framo-leader-arch:before,.framo-leader:focus-within .framo-leader-arch:before{opacity:1}.framo-leader:hover .framo-leader-actions,.framo-leader:focus-within .framo-leader-actions{opacity:1;translate:-50%}.framo-leader:hover .framo-leader-node,.framo-leader:focus-within .framo-leader-node{background:#0c8284;scale:1.15;box-shadow:0 0 0 1px #0c8284,0 0 0 6px #0c828429}.framo-leader:hover .framo-leader-arch img,.framo-leader:focus-within .framo-leader-arch img{scale:1.04}@media (width>=640px){.framo-leaders{--leader-gap:1.5rem;--leader-stop:2rem;--leader-stub:2rem}}@media (width>=1024px){.framo-leaders{--leader-gap:clamp(1.5rem, 2.4vw, 2.5rem)}.framo-leader:nth-child(2n):before{display:block}.framo-leader:last-child:before{display:none}}@media (pointer:coarse){.framo-leader-actions,.framo-leader:hover .framo-leader-actions,.framo-leader:focus-within .framo-leader-actions{box-shadow:none;opacity:1;background:0 0;gap:.5rem;margin-top:.875rem;padding:0;position:static;translate:none}.framo-leader-actions a{border:1px solid #0a2a2e26}}@media (prefers-reduced-motion:no-preference){.framo-leaders:not(.is-visible) .framo-leader:before{scale:0 1}.framo-leaders.is-visible .framo-leader:before{animation:framo-leader-line 1.1s cubic-bezier(.22, 1, .36, 1) calc(var(--leader-index) * .14s) both}.framo-leaders.is-visible .framo-leader-node{animation:framo-leader-node-in .6s cubic-bezier(.22, 1, .36, 1) calc(var(--leader-index) * .14s + .25s) both}}@media (prefers-reduced-motion:reduce){.framo-leader-node,.framo-leader-arch img,.framo-leader-actions,.framo-leader-stop,.framo-leader-arch:before{transition:none}.framo-leader:is(:hover,:focus-within) .framo-leader-arch img{scale:none}}@keyframes framo-leader-line{0%{scale:0 1}to{scale:1}}@keyframes framo-leader-node-in{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.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}}
