.featuresHero{background:linear-gradient(135deg,#1e3a5f,#2d5a8a);color:#fff;overflow:hidden;padding:5rem 1rem;position:relative;text-align:center}.featuresHero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.03' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.featuresHero .container{margin:0 auto;max-width:900px;position:relative;z-index:1}.featuresHero h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.featuresHero p{color:hsla(0,0%,100%,.9);font-size:1.25rem;line-height:1.7;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:700px}.featuresGrid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:4rem 0}.featureCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);display:flex;flex-direction:column;padding:2rem;position:relative;transition:all .3s ease}.featureCard:hover{border-color:#cbd5e0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-4px)}.featureCard--featured{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#fff);border:2px solid #10b981;box-shadow:0 4px 6px -1px rgba(16,185,129,.1),0 2px 4px -1px rgba(16,185,129,.06)}.featureCard--featured:hover{border-color:#059669;box-shadow:0 20px 25px -5px rgba(16,185,129,.15),0 10px 10px -5px rgba(16,185,129,.08)}.featureBadge{background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;box-shadow:0 2px 8px rgba(16,185,129,.4);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.35rem .75rem;position:absolute;right:1.5rem;text-transform:uppercase;top:-10px}.featureIcon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.featureIcon--cnam{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.featureIcon--cnam svg{color:#2563eb}.featureIcon--messaging{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.featureIcon--messaging svg{color:#db2777}.featureIcon--lrn{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.featureIcon--lrn svg{color:#059669}.featureIcon--spam{background:linear-gradient(135deg,#fee2e2,#fecaca)}.featureIcon--spam svg{color:#dc2626}.featureIcon--compliance{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.featureIcon--compliance svg{color:#4f46e5}.featureIcon--developer{background:linear-gradient(135deg,#fef3c7,#fde68a)}.featureIcon--developer svg{color:#d97706}.featureIcon--enterprise{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.featureIcon--enterprise svg{color:#9333ea}.featureIcon--analytics{background:linear-gradient(135deg,#ccfbf1,#99f6e4)}.featureIcon--analytics svg{color:#0d9488}.featureIcon--reporting{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.featureIcon--reporting svg{color:#0284c7}.featureIcon svg{height:28px;width:28px}.featureCard h3{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.featureCard h3 a{color:inherit;text-decoration:none;transition:color .2s}.featureCard h3 a:hover{color:#2563eb}.featureCard>p{color:#64748b;flex-grow:0;font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.featureList{flex-grow:1;list-style:none;margin:0;padding:0}.featureList li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.9rem;line-height:1.5;padding:.5rem 0 .5rem 1.75rem;position:relative}.featureList li:last-child{border-bottom:none}.featureList li:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2322c55e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:16px;left:0;position:absolute;top:.7rem;width:16px}.featureList li a{color:#2563eb;font-weight:600;text-decoration:none}.featureList li a:hover{text-decoration:underline}.ctaSection{background:linear-gradient(135deg,#1e3a5f,#2d5a8a);color:#fff;padding:5rem 1rem;text-align:center}.ctaSection h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.ctaSection p{color:hsla(0,0%,100%,.9);font-size:1.15rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.ctaButton{background:#fff;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);color:#1e3a5f;display:inline-block;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .2s ease}.ctaButton:hover{box-shadow:0 8px 25px rgba(0,0,0,.2);transform:translateY(-2px)}@media (max-width:1024px){.featuresGrid{grid-template-columns:repeat(2,1fr);padding:3rem 1rem}}@media (max-width:768px){.featuresHero h1{font-size:2.25rem}.featuresHero p{font-size:1.1rem}.featuresGrid{gap:1.25rem;grid-template-columns:1fr}.featureCard{padding:1.5rem}.ctaSection h2{font-size:1.75rem}}@media (max-width:480px){.featuresHero{padding:3rem 1rem}.featuresHero h1{font-size:1.75rem}.featureIcon{height:48px;width:48px}.featureIcon svg{height:24px;width:24px}}