.home-blog{padding:var(--spacing-8) 0;background:linear-gradient(180deg, var(--neutral-white) 0%, #f4f7f9 100%);isolation:isolate;z-index:1;border-top:1px solid #121b2d08;position:relative}@media screen and (min-width:1024px){.home-blog{padding:var(--spacing-10) 0}}.home-blog__carousel{margin:var(--spacing-6) 0 var(--spacing-4);overflow:hidden}.home-blog__track{scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;scroll-behavior:smooth;gap:24px;margin:-10px;padding:10px 10px 30px;display:flex;overflow-x:auto}.home-blog__track::-webkit-scrollbar{display:none}.home-blog__track:active{cursor:grabbing}.home-blog__slide{scroll-snap-align:center;flex:0 0 85vw;max-width:380px}@media (min-width:768px){.home-blog__slide{scroll-snap-align:start;flex:0 0 350px}}.home-blog__dots{justify-content:center;gap:10px;margin:10px 0 40px;display:flex}.home-blog__dot{background:var(--secondary-color);opacity:.15;cursor:pointer;border:none;border-radius:5px;width:10px;height:10px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.home-blog__dot:hover{opacity:.4}.home-blog__dot--active{opacity:1;background:var(--primary-color);width:32px;box-shadow:0 4px 10px #ff7f414d}.home-blog__dot--active:hover{opacity:1}.home-blog__footer{text-align:center}.home-blog__link{background-color:var(--secondary-color);color:var(--neutral-white);border:2px solid var(--secondary-color);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 20px #121b2d1a}.home-blog__link svg{font-size:1.2rem;transition:transform .3s}.home-blog__link:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 15px 30px #ff7f4140}.home-blog__link:hover svg{transform:translate(4px)}.home-blog:before{content:"";pointer-events:none;z-index:0;background-blend-mode:overlay;background:radial-gradient(circle at 15% 20%,#ff7f4108 0%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 85% 70%,#2ec4b608 0%,#0000 60%) 0 0/100% 100%,repeating-radial-gradient(circle at 30% 40%,#ff7f4105 0 2px,#0000 2px 24px) 0 0/28px 28px;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.home-blog:before{transition:background-position .4s}.home-blog:hover:before{background-position:0 0,0 0,8px 8px}}.home-blog .container,.home-blog__carousel,.home-blog__dots,.home-blog__footer{z-index:2;position:relative}
