*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f7fbff;color:#0f172a;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn 1s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0f172a1f;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2563eb59;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:active{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d;transition:all .15s ease}.carousel-container{position:relative;max-width:1200px;margin:0 auto;padding:0 40px}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none}.carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#2563ebe6;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:10;transition:background .3s ease}.carousel-btn:hover{background:#2563eb}.carousel-btn.prev{left:0}.carousel-btn.next{right:0}@media (max-width: 1024px){.carousel{grid-auto-columns:250px}}@media (max-width: 768px){.carousel{grid-auto-columns:220px}.carousel-container{padding:0 30px}.carousel-btn{width:35px;height:35px}}@media (max-width: 480px){.carousel{grid-auto-columns:200px}.carousel-container{padding:0 20px}}@media (max-width: 768px){.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f172a1a}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}}@media (max-width: 480px){.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.features-category-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2563eb26;border-color:#2563eb}