.canvas-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.parent-section{position:relative;background-color:black;overflow:hidden;display:flex;flex-direction:column;align-items:center}.header-counter{position:relative;z-index:10;text-align:center;margin-bottom:4rem;padding-left:.5rem;padding-right:.5rem}.header-count-number{font-weight:900;font-size:6rem;background:linear-gradient(90deg,#be185d,#6d28d9,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:768px){.header-count-number{font-size:9rem}}.header-title{font-size:1.5rem;font-weight:600;margin-top:.5rem;color:white}@media (min-width:768px){.header-title{font-size:1.875rem}}.header-subtext{color:#9ca3af;margin-top:.5rem}.desktop-grid{display:none;z-index:10;width:100%;max-width:80rem;margin-left:auto;margin-right:auto;gap:2rem;padding-left:1.5rem;padding-right:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.desktop-grid{display:grid}}@media (min-width:640px){.desktop-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.desktop-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;margin-bottom:24px}.feature-card:after{content:"";position:absolute;top:24px;left:24px;width:calc(100% - 48px);height:100%;border:.6px solid rgba(255,255,255,.32);border-radius:12px;z-index:0}.feature-card>.header{display:flex;position:absolute;top:16px;justify-content:space-between;align-items:center;z-index:20;width:100%;padding:0 12px}.feature-card .image-container{position:relative;overflow:hidden;border-radius:12px;border:.6px solid rgba(255,255,255,.32);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0));backdrop-filter:blur(6px);padding:60px 20px 0;z-index:1}.feature-card .image-container:after{content:"";position:absolute;bottom:0;left:1px;width:calc(100% - 2px);height:23%;background:linear-gradient(180deg,rgba(13,11,16,0),#0d0b10);z-index:2}.trending-dots{display:flex;gap:10px}.trending-dots>span{width:12px;height:12px;border-radius:999px}.image-container>img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.btn{display:flex;justify-content:center;gap:16px;padding-top:16px;padding-bottom:16px}.feature-card .btn{position:absolute;bottom:32px;left:50%;transform:translate(-50%,100%);opacity:0;transition:all .5s ease}.feature-card:hover .btn{transform:translate(-50%,40%);transition:all .5s ease-in-out;opacity:1;z-index:99}.btn>button{padding:8px;border-radius:9999px;color:white;font-size:14px;line-height:20px;font-weight:500}.title{text-align:center;color:#d1d5db;font-weight:600;font-size:1.25rem;line-height:1.75rem}.dots,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{min-width:30px;min-height:30px;border-radius:9999px;cursor:pointer}.pagination-dot{display:block;width:12px;height:12px;background-color:#d1d5db;border-radius:9999px;transition:all .3s ease}.pagination-btn:hover .pagination-dot:not(.active){background-color:#9ca3af}.pagination-dot.active{width:16px;height:16px;background:linear-gradient(90deg,#ec4899,#9333ea)}.project-section{margin:1rem}.project-container{max-width:80rem;margin-left:auto;margin-right:auto;text-align:center}.project-box{width:100%;margin:0 auto;background:white;text-align:center;padding:2px;overflow:hidden}.project-box,.project-inner{position:relative;border-radius:.75rem}.project-inner{background:transparent;padding:1.5rem}@media (min-width:640px){.project-inner{padding:2rem}}.project-title{font-size:1.25rem;font-weight:700;color:#1e3a8a;margin-bottom:1rem}@media (min-width:640px){.project-title{font-size:1.5rem}}.project-subtitle{color:#6b7280;margin-bottom:1.5rem}.meeting-btn{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-left:auto;margin-right:auto;min-height:44px;min-width:44px;background:#f9fafb;padding:.5rem 1rem;border-radius:9999px;font-size:1.125rem;isolation:isolate;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15);color:black;cursor:pointer;z-index:10;backdrop-filter:blur(10px)}.meeting-btn:before{content:"";position:absolute;left:-100%;top:0;width:100%;aspect-ratio:1/1;background:#1e3a8a;border-radius:9999px;z-index:-1;transition:all .7s ease;transform:scale(1)}.meeting-btn:hover:before{left:0;transform:scale(1.5)}.meeting-btn:hover{color:#f9fafb}.meeting-icon{color:#3b82f6}.meeting-arrow{color:#3b82f6;transform:rotate(-45deg);transition:transform .3s ease}.meeting-btn:hover .meeting-arrow{transform:rotate(0deg)}