.website-types-section{background-color:#0000;padding:6rem 0}.website-types-section h2{color:#fff}.website-types-section .badge{color:var(--primary);background:0 0;border:none;padding:0}.types-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.types-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.types-grid{grid-template-columns:repeat(5,1fr)}}.type-card{background-color:var(--secondary);border-radius:var(--radius-lg);border:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #00000080}.type-card:hover{box-shadow:var(--shadow-md);border-color:#f973164d;transform:translateY(-5px)}.type-icon-wrapper{width:48px;height:48px;color:var(--primary);border-radius:var(--radius-md);background-color:#f973161a;justify-content:center;align-items:center;display:flex}.type-content{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.type-content h3{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.type-desc{color:#cbd5e1;flex-grow:1;margin:0;font-size:.9rem;line-height:1.5}.type-example{color:var(--primary);border-top:1px solid #ffffff1a;margin:0;padding-top:.5rem;font-size:.8rem;font-style:italic;font-weight:500}