[data-fi-theme=teal] .feature-icon{--fi-stop-1:#3fc6d4;--fi-stop-2:#36b3a8;--fi-stop-3:#40b45f;--fi-badge:linear-gradient(145deg, #1c3056, #121f35);--fi-badge-hover:linear-gradient(145deg, #22395f, #131f35);--fi-ring:#40b45f47;--fi-ring-hover:#40b45f8c;--fi-fill:#40b45f1a;--fi-fill-hover:#40b45f33;--fi-dot:#40b45f;--fi-shadow:0 2px 6px -2px #121f3559;--fi-glow:0 8px 20px -6px #121f358c, 0 4px 14px -4px #40b45f73}.feature-icon,[data-fi-theme=navy-green-line] .feature-icon{--fi-stop-1:#121f35;--fi-stop-2:#1e4a3a;--fi-stop-3:#2a6b4e;--fi-badge:linear-gradient(145deg, #fff, #eef4f1);--fi-badge-hover:linear-gradient(145deg, #fff, #e2efe8);--fi-ring:#121f3524;--fi-ring-hover:#2a6b4e73;--fi-fill:#2a6b4e1a;--fi-fill-hover:#40b45f33;--fi-dot:#2a6b4e;--fi-shadow:0 2px 6px -2px #121f3524;--fi-glow:0 8px 18px -6px #121f354d, 0 4px 12px -4px #2a6b4e59}[data-fi-theme=forest] .feature-icon{--fi-stop-1:#fff;--fi-stop-2:#d6f5e0;--fi-stop-3:#8fdca8;--fi-badge:linear-gradient(145deg, #2a6b4e, #1e4a3a);--fi-badge-hover:linear-gradient(145deg, #317a59, #1e4a3a);--fi-ring:#121f3533;--fi-ring-hover:#40b45f99;--fi-fill:#ffffff1a;--fi-fill-hover:#ffffff2e;--fi-dot:#fff;--fi-shadow:0 2px 6px -2px #121f354d;--fi-glow:0 8px 20px -6px #1e4a3a99, 0 4px 12px -4px #40b45f66}.feature-icon .fi-stop-1{stop-color:var(--fi-stop-1)}.feature-icon .fi-stop-2{stop-color:var(--fi-stop-2)}.feature-icon .fi-stop-3{stop-color:var(--fi-stop-3)}.feature-icon{--fi-size:52px;width:var(--fi-size);height:var(--fi-size);background:var(--fi-badge);box-shadow:inset 0 0 0 1px var(--fi-ring), var(--fi-shadow);border-radius:14px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,background .35s;display:inline-flex;position:relative}.feature-icon svg{width:33px;height:33px;overflow:visible}.feature-icon .fi-fill{fill:var(--fi-fill);transition:fill .35s}.feature-icon .fi-dot{fill:var(--fi-dot)}.feature-icon svg g,.feature-icon svg path,.feature-icon svg circle,.feature-icon svg ellipse{transform-box:fill-box;transform-origin:50%}.our-features-item-icon:has(.feature-icon){width:52px;height:52px}.our-features-item:hover .feature-icon,.our-features-item:focus-within .feature-icon{background:var(--fi-badge-hover);box-shadow:inset 0 0 0 1px var(--fi-ring-hover), var(--fi-glow);transform:translateY(-3px)scale(1.04)}.our-features-item:hover .feature-icon .fi-fill,.our-features-item:focus-within .feature-icon .fi-fill,.tab-content--active:hover .feature-icon .fi-fill,.tabs-container:has(.tab-button:hover,.tab-button:focus-visible) .tab-content--active .feature-icon .fi-fill{fill:var(--fi-fill-hover)}@keyframes fi-spin{to{transform:rotate(360deg)}}@keyframes fi-spin-reverse{to{transform:rotate(-360deg)}}@keyframes fi-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes fi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fi-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes fi-node{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}@keyframes fi-layer{0%,to{transform:translateY(0)}40%{transform:translateY(-2.5px)}}@keyframes fi-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes fi-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes fi-slide-left{0%,to{transform:translate(0)}50%{transform:translate(-2px)}}@keyframes fi-slide-right{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes fi-scan{0%{transform:translate(0)}25%{transform:translate(1.5px,-1px)}50%{transform:translateY(-2px)}75%{transform:translate(-1.5px,-1px)}to{transform:translate(0)}}@keyframes fi-launch{0%{transform:translateY(0)}35%{transform:translateY(-4px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes fi-flame{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.45)}}@keyframes fi-toss{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-3px)rotate(-8deg)}70%{transform:translateY(-1px)rotate(4deg)}}@keyframes fi-swing{0%,to{transform:rotate(0)}30%{transform:rotate(18deg)}60%{transform:rotate(-10deg)}}@keyframes fi-hand{to{transform:rotate(360deg)}}@keyframes fi-bars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.feature-icon .fi-hand-minute,.feature-icon .fi-hand-hour{transform-box:view-box;transform-origin:16px 16px}.feature-icon .fi-draw{stroke-dasharray:24;stroke-dashoffset:0}.feature-icon .fi-flame,.feature-icon .fi-tassel{transform-origin:50% 0}.feature-icon .fi-bars{transform-origin:50% 100%}:is(.our-features-item:hover,.our-features-item:focus-within,.tab-content--active:hover,.tabs-container:has(.tab-button:hover,.tab-button:focus-visible) .tab-content--active) .feature-icon{& .fi-bob{animation:1.1s ease-in-out infinite fi-bob}& .fi-corners{animation:1.1s ease-in-out infinite fi-pulse}& .fi-layer-1{animation:1s ease-in-out infinite fi-layer}& .fi-layer-2{animation:1s ease-in-out .12s infinite fi-layer}& .fi-layer-3{animation:1s ease-in-out .24s infinite fi-layer}& .fi-blink{animation:.9s steps(2,jump-none) infinite fi-blink}& .fi-ring-1{animation:1.2s ease-in-out infinite fi-blink}& .fi-ring-2{animation:1.2s ease-in-out .3s infinite fi-blink}& .fi-spark{animation:1.6s linear infinite fi-spin}& .fi-slide-left{animation:.9s ease-in-out infinite fi-slide-left}& .fi-slide-right{animation:.9s ease-in-out infinite fi-slide-right}& .fi-float{animation:1.4s ease-in-out infinite fi-float}& .fi-node-1{animation:1.2s ease-in-out infinite fi-node}& .fi-node-2{animation:1.2s ease-in-out .2s infinite fi-node}& .fi-node-3{animation:1.2s ease-in-out .4s infinite fi-node}& .fi-spin{animation:1.8s linear infinite fi-spin}& .fi-spin-slow{animation:3.5s linear infinite fi-spin}& .fi-spin-reverse{animation:2.3s linear infinite fi-spin-reverse}& .fi-orbit{animation:5s linear infinite fi-spin-reverse}& .fi-pulse{animation:1.2s ease-in-out infinite fi-pulse}& .fi-draw{animation:.8s ease-out both fi-draw}& .fi-draw-2{animation-delay:.15s}& .fi-draw-3{animation-delay:.3s}& .fi-hand-minute{animation:2s linear infinite fi-hand}& .fi-hand-hour{animation:24s linear infinite fi-hand}& .fi-scan{animation:1.6s ease-in-out infinite fi-scan}& .fi-bars{animation:.9s ease-in-out infinite fi-bars}& .fi-launch{animation:1.2s cubic-bezier(.34,1.56,.64,1) infinite fi-launch}& .fi-flame{animation:.35s ease-in-out infinite fi-flame}& .fi-toss{animation:1.3s ease-in-out infinite fi-toss}& .fi-tassel{animation:1.3s ease-in-out infinite fi-swing}}@media (width<=768px){.feature-icon{--fi-size:44px;border-radius:12px}.feature-icon svg{width:28px;height:28px}.our-features-item-icon:has(.feature-icon){width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.feature-icon,.feature-icon *{transition:none!important;animation:none!important}.our-features-item:hover .feature-icon,.our-features-item:focus-within .feature-icon,.tab-content--active .feature-icon{transform:none}}.feature-icon,.our-features-item:hover .feature-icon,.our-features-item:focus-within .feature-icon{box-shadow:none;background:0 0}.feature-icon svg{width:44px;height:44px;transition:filter .35s}.our-features-item:hover .feature-icon svg,.our-features-item:focus-within .feature-icon svg,.tab-content--active:hover .feature-icon svg,.tabs-container:has(.tab-button:hover,.tab-button:focus-visible) .tab-content--active .feature-icon svg{filter:drop-shadow(0 3px 6px #40b45f59)}@media (width<=768px){.feature-icon svg{width:36px;height:36px}}.tab-icon .feature-icon{width:100%;height:100%}.tab-icon .feature-icon svg{fill:none;width:92%;height:92%}.tab-content--active:hover .tab-icon .feature-icon,.tabs-container:has(.tab-button:hover,.tab-button:focus-visible) .tab-content--active .tab-icon .feature-icon{transform:translateY(-3px)scale(1.04)}
