.benefit-section{padding:4rem 0;overflow:hidden}@media (min-width:1024px){.benefit-section{padding:5rem 0}}.benefit-content.grid-layout{align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.benefit-content.grid-layout{grid-template-columns:repeat(2,1fr)}}.benefit-content.centered{text-align:center;max-width:64rem;margin:0 auto}@media (min-width:1024px){.benefit-content.reverse{grid-auto-flow:column dense}.benefit-content.reverse .content-column{grid-column-start:2}.benefit-content.reverse .visual-column{grid-column-start:1}}.content-column{flex-direction:column;gap:2rem;display:flex}.header-section{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.benefit-content.centered .header-section{justify-content:center}.icon-container{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.icon-container:hover{transform:scale(1.1)}.benefit-title{color:var(--color-gray-900);font-size:1.875rem;font-weight:700;line-height:1.25}@media (min-width:1024px){.benefit-title{font-size:2.25rem}}.benefit-description{color:var(--color-gray-600);font-size:1.125rem;line-height:1.625}.stats-section{padding:1.5rem 0}.features-section{flex-direction:column;gap:1rem;display:flex}.feature-item{align-items:center;gap:.75rem;transition:all .3s;display:flex}.feature-item:hover{transform:translate(.5rem)}.feature-icon{background-color:var(--color-primary-100);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.feature-text{color:var(--color-gray-700);font-weight:500}.cta-section{padding-top:1rem}.cta-button{background-color:var(--color-primary-600);color:#fff;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{background-color:var(--color-primary-700);transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.cta-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.cta-button:hover .cta-icon{transform:translate(.25rem)}.visual-column{position:relative}.visual-container{border-radius:1rem;transition:all .5s;position:relative;overflow:hidden}.visual-container:hover{transform:scale(1.05)}.benefit-image{object-fit:cover;width:100%;height:24rem;box-shadow:0 25px 50px -12px #00000040}.image-placeholder{background:linear-gradient(to bottom right, var(--color-gray-100), var(--color-gray-200));justify-content:center;align-items:center;width:100%;height:24rem;display:flex}.placeholder-content{text-align:center;flex-direction:column;gap:1rem;display:flex}.placeholder-text{color:var(--color-gray-600);max-width:20rem;font-weight:500}.floating-content{align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.floating-text{white-space:nowrap;font-size:.875rem;font-weight:500}@media (max-width:1024px){.benefit-content.grid-layout{grid-template-columns:1fr;gap:2rem}.benefit-content.reverse .content-column,.benefit-content.reverse .visual-column{grid-column-start:auto}.header-section{text-align:center;flex-direction:column}@media (min-width:640px){.header-section{text-align:left;flex-direction:row}}.benefit-content.centered .header-section{text-align:center;flex-direction:column}}@media (max-width:640px){.benefit-section{padding:3rem 0}.header-section{text-align:center;flex-direction:column;gap:1rem}.benefit-title{font-size:1.5rem}@media (min-width:1024px){.benefit-title{font-size:1.875rem}}.visual-container{border-radius:.75rem}.benefit-image,.image-placeholder{height:16rem}.floating-content{padding:.5rem .75rem}.floating-text{font-size:.75rem}}.benefit-section:hover .icon-container,.benefit-section:hover .visual-container{box-shadow:0 25px 50px -12px #00000040}.cta-button:focus{box-shadow:0 0 0 4px var(--color-primary-200), 0 0 0 2px #fff;outline:none}
.feature-card{height:100%;position:relative;overflow:hidden}.card-container{text-align:center;border:1px solid var(--color-gray-100);background-color:#fff;border-radius:1rem;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.feature-card.compact .card-container{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.feature-card.detailed .card-container{border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.feature-card.minimal .card-container{border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.feature-card.glass .card-container{border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.feature-card.interactive:hover .card-container{transform:translateY(-.5rem);box-shadow:0 25px 50px -12px #00000040}.feature-card.clickable{cursor:pointer}.card-badge{background-color:var(--color-primary-100);color:var(--color-primary-700);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.card-icon{border-radius:1rem;justify-content:center;align-items:center;margin:0 auto;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.feature-card.minimal .card-icon{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.feature-card.compact .card-icon{border-radius:.75rem}.feature-card.detailed .card-icon{border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.feature-card.interactive:hover .card-icon{transform:scale(1.1);box-shadow:0 25px 50px -12px #00000040}.card-content{z-index:10;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.card-title{color:var(--color-gray-900);line-height:1.25;transition:color .3s}.feature-card.interactive:hover .card-title{color:var(--color-primary-600)}.card-description{transition:color .3s}.card-stats{border-top:1px solid var(--color-gray-100);margin-top:1rem;padding-top:1rem}.stats-value{font-size:1.5rem;font-weight:700}.stats-label{color:var(--color-gray-500);margin-top:.25rem;font-size:.875rem}.link-indicator{justify-content:center;margin-top:1rem;display:flex}.link-arrow{color:var(--color-primary-600);transition:transform .3s;transform:translate(0)}.feature-card.interactive:hover .link-arrow{transform:translate(.5rem)}.hover-effects{pointer-events:none;position:absolute;inset:0}.hover-overlay{background:linear-gradient(to bottom right, rgb(var(--color-primary-500) / .05), rgb(var(--color-primary-600) / .05));opacity:0;transition:opacity .3s;position:absolute;inset:0}.feature-card.interactive:hover .hover-overlay{opacity:1}.hover-shine{background:linear-gradient(to bottom right,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .7s;position:absolute;top:-100%;left:-100%;transform:rotate(45deg)}.feature-card.interactive:hover .hover-shine{transform:translate(100%)translateY(100%)rotate(45deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.feature-card.clickable:focus{outline:none}.feature-card.clickable:focus .card-container{box-shadow:0 0 0 4px var(--color-primary-200), 0 0 0 2px #fff}@media (max-width:768px){.feature-card.detailed .card-container{padding:1.5rem}.feature-card.detailed .card-icon{width:4rem;height:4rem;margin-bottom:1rem}.feature-card.detailed .card-title{margin-bottom:.75rem;font-size:1.25rem}}.feature-card.glass .card-container{position:relative}.feature-card.glass .card-container:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(to bottom right,#ffffff1a,#ffffff0d);border-radius:1rem;position:absolute;inset:0}.feature-card.glass .card-content{z-index:10;position:relative}@media (prefers-color-scheme:dark){.feature-card:not(.glass) .card-container{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.feature-card:not(.glass) .card-title{color:#fff}.feature-card:not(.glass) .card-description{color:var(--color-gray-300)}}