#feature-section:where(.astro-xrvlrnbb){--feature-bg:var(--sl-color-bg,#0d1117);--feature-bg-accent:var(--sl-color-bg-accent,#164e63);--feature-text:var(--sl-color-text,#e6edf3);--feature-text-accent:var(--sl-color-text-accent,#22d3ee);--feature-border:var(--sl-color-hairline,#30363d);--feature-accent:var(--sl-color-accent,#06b6d4);--feature-accent-high:var(--sl-color-accent-high,#67e8f9)}.feature-section:where(.astro-xrvlrnbb){background:transparent;overflow:hidden;padding:4rem 1rem}.feature-container:where(.astro-xrvlrnbb){align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}@media(min-width:1024px){.feature-container:where(.astro-xrvlrnbb){grid-template-columns:1fr 1fr}.feature-section:where(.astro-xrvlrnbb).reversed .feature-container:where(.astro-xrvlrnbb){direction:rtl}.feature-section:where(.astro-xrvlrnbb).reversed .feature-container:where(.astro-xrvlrnbb)>:where(.astro-xrvlrnbb){direction:ltr}}.feature-list:where(.astro-xrvlrnbb){display:flex;flex-direction:column;gap:1.5rem}.feature-item:where(.astro-xrvlrnbb){--octagon-cut:.75rem;animation:slideIn .6s ease forwards;animation-delay:var(--delay);background:linear-gradient(135deg,var(--feature-bg-accent) 0,transparent 100%);border:none;box-shadow:inset 0 0 0 1px var(--feature-border);clip-path:polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0);display:flex;gap:1rem;opacity:0;padding:1.25rem;position:relative;transform:translate(-20px);transition:clip-path .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}.feature-item:where(.astro-xrvlrnbb):hover{box-shadow:inset 0 0 0 1px var(--feature-accent),0 0 30px #06b6d426;clip-path:polygon(var(--octagon-cut) 0,calc(100% - var(--octagon-cut)) 0,100% var(--octagon-cut),100% calc(100% - var(--octagon-cut)),calc(100% - var(--octagon-cut)) 100%,var(--octagon-cut) 100%,0 calc(100% - var(--octagon-cut)),0 var(--octagon-cut))}.feature-item:where(.astro-xrvlrnbb):before{background:linear-gradient(135deg,var(--feature-accent) 0,var(--feature-accent-high) 50%,transparent 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .6s cubic-bezier(.4,0,.2,1);z-index:-1}.feature-item:where(.astro-xrvlrnbb):hover:before{opacity:.15}.feature-item:where(.astro-xrvlrnbb):hover{transform:translate(8px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.feature-icon:where(.astro-xrvlrnbb){align-items:center;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.feature-icon:where(.astro-xrvlrnbb) svg:where(.astro-xrvlrnbb){color:var(--feature-accent-high);height:1.5rem;position:relative;transition:transform .3s ease;width:1.5rem;z-index:1}.feature-item:where(.astro-xrvlrnbb):hover .feature-icon:where(.astro-xrvlrnbb) svg:where(.astro-xrvlrnbb){transform:scale(1.1) rotate(5deg)}.icon-glow:where(.astro-xrvlrnbb){background:radial-gradient(circle,var(--feature-accent) 0,transparent 70%);filter:blur(8px);inset:0;opacity:.3;position:absolute;transition:opacity .3s ease}.feature-item:where(.astro-xrvlrnbb):hover .icon-glow:where(.astro-xrvlrnbb){animation:pulse 2s ease infinite;opacity:.6}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.feature-content:where(.astro-xrvlrnbb){flex:1}.feature-title:where(.astro-xrvlrnbb){color:var(--feature-text);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.feature-description:where(.astro-xrvlrnbb){color:var(--feature-text);font-size:.875rem;line-height:1.6;margin:0;opacity:.8}.feature-image-wrapper:where(.astro-xrvlrnbb){align-items:center;display:flex;justify-content:center;position:relative}.image-frame:where(.astro-xrvlrnbb){border-radius:1rem;box-shadow:0 0 0 1px var(--feature-border),0 25px 50px -12px #00000080,0 0 100px #06b6d41a;overflow:hidden;position:relative;transition:all .5s ease}.image-frame:where(.astro-xrvlrnbb):hover{box-shadow:0 0 0 1px var(--feature-accent),0 25px 50px -12px #00000080,0 0 120px #06b6d433;transform:scale(1.02)}.feature-image:where(.astro-xrvlrnbb){aspect-ratio:4/3;display:block;height:auto;object-fit:cover;transition:transform .5s ease;width:100%}.image-frame:where(.astro-xrvlrnbb):hover .feature-image:where(.astro-xrvlrnbb){transform:scale(1.05)}.image-overlay:where(.astro-xrvlrnbb){background:linear-gradient(135deg,transparent,rgba(6,182,212,.1) 50%,transparent);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease}.image-frame:where(.astro-xrvlrnbb):hover .image-overlay:where(.astro-xrvlrnbb){opacity:1}.corner:where(.astro-xrvlrnbb){height:2rem;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:2rem}.image-frame:where(.astro-xrvlrnbb):hover .corner:where(.astro-xrvlrnbb){opacity:1}.corner:where(.astro-xrvlrnbb):after,.corner:where(.astro-xrvlrnbb):before{background:var(--feature-accent-high);content:"";position:absolute}.corner:where(.astro-xrvlrnbb):before{height:2px;width:100%}.corner:where(.astro-xrvlrnbb):after{height:100%;width:2px}.corner-tl:where(.astro-xrvlrnbb){left:.5rem;top:.5rem}.corner-tr:where(.astro-xrvlrnbb){right:.5rem;top:.5rem}.corner-tr:where(.astro-xrvlrnbb):before{right:0}.corner-tr:where(.astro-xrvlrnbb):after{right:0}.corner-bl:where(.astro-xrvlrnbb){bottom:.5rem;left:.5rem}.corner-bl:where(.astro-xrvlrnbb):before{bottom:0}.corner-bl:where(.astro-xrvlrnbb):after{bottom:0}.corner-br:where(.astro-xrvlrnbb){bottom:.5rem;right:.5rem}.corner-br:where(.astro-xrvlrnbb):before{bottom:0;right:0}.corner-br:where(.astro-xrvlrnbb):after{bottom:0;right:0}.floating-particles:where(.astro-xrvlrnbb){inset:-2rem;overflow:hidden;pointer-events:none;position:absolute}.particle:where(.astro-xrvlrnbb){animation:float 8s ease-in-out infinite;background:var(--feature-accent);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.particle:where(.astro-xrvlrnbb):first-child{animation-delay:0s;left:10%;top:20%}.particle:where(.astro-xrvlrnbb):nth-child(2){animation-delay:-2.5s;height:6px;right:15%;top:60%;width:6px}.particle:where(.astro-xrvlrnbb):nth-child(3){animation-delay:-5s;bottom:25%;height:3px;left:20%;width:3px}@keyframes float{0%,to{opacity:.6;transform:translateY(0) translate(0)}25%{opacity:.8;transform:translateY(-20px) translate(10px)}50%{opacity:.4;transform:translateY(-10px) translate(-5px)}75%{opacity:.7;transform:translateY(-25px) translate(15px)}}@media(prefers-reduced-motion:reduce){.feature-item:where(.astro-xrvlrnbb){opacity:1;transform:none}.feature-item:where(.astro-xrvlrnbb),.icon-glow:where(.astro-xrvlrnbb),.particle:where(.astro-xrvlrnbb){animation:none}.feature-item:where(.astro-xrvlrnbb):hover{transform:none}}