.features{background-color:#0000;padding:6rem 2rem 8rem;position:relative}.features:before{content:"";background-image:linear-gradient(to right,var(--grid-line)1px,transparent 1px),linear-gradient(to bottom,var(--grid-line)1px,transparent 1px);pointer-events:none;z-index:0;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 0%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 0%,#0000 100%)}.features-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.features-container:after{content:"";background-color:var(--border-color);height:1px;position:absolute;bottom:-8rem;left:24px;right:24px}.features-header{text-align:center;margin-bottom:80px}.features-title{color:var(--dark-text);max-width:800px;margin:0 auto 24px;font-family:ClashGrotesk,sans-serif;font-size:48px;font-weight:400;line-height:1.2}.features-subtitle{color:var(--gray-text);max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.feature-card{text-align:left;border:1px solid var(--border-color);cursor:default;background:linear-gradient(160deg,#ffffff0b,#ffffff04);border-radius:12px;flex-direction:column;align-items:flex-start;min-height:200px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(360px at 50% 0,#8a3ffc1f,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{border-color:#8a3ffc66;transform:translateY(-3px);box-shadow:0 12px 40px #0006,0 0 24px #8a3ffc1f}.feature-card:hover:before{opacity:1}.feature-card-icon{background:var(--light-gray,#17171f);border:1px solid var(--border-color);width:44px;height:44px;color:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;margin-bottom:40px;transition:color .25s;display:flex}.feature-card:hover .feature-card-icon{color:#d8b4fe}.feature-card-icon svg{stroke-width:1.5px;width:22px;height:22px}.feature-card-title{color:var(--dark-text);margin:0 0 8px;font-family:Apercu,sans-serif;font-size:16px;font-weight:600}.feature-card-subtitle{color:var(--gray-text);margin:0;font-size:14px;font-weight:400;line-height:1.5}@media (max-width:1024px){.features{padding:5rem 2rem}.features-title{font-size:40px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{min-height:180px}}@media (max-width:768px){.features{padding:4rem 1.5rem}.features-header{margin-bottom:48px}.features-title{font-size:32px}.features-description{font-size:16px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{min-height:170px;padding:20px}.feature-card-icon{width:40px;height:40px;margin-bottom:32px}.feature-card-icon svg{width:20px;height:20px}.feature-card-title{font-size:15px}.feature-card-subtitle{font-size:13px}}@media (max-width:480px){.features{padding:3rem 1rem}.features-title{font-size:28px}.features-description{font-size:15px}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{min-height:160px;padding:16px}.feature-card-icon{width:36px;height:36px;margin-bottom:24px}.feature-card-icon svg{width:18px;height:18px}.feature-card-title{font-size:14px}.feature-card-subtitle{font-size:12px}}