@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");.insights-section,.insights-section *{box-sizing:border-box;font-family:Hanken Grotesk,sans-serif}.insights-section{position:relative;background:#050505;overflow:hidden;padding:40px 0 120px}.texture{position:absolute;inset:0;background:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 90%);mask-image:radial-gradient(circle at center,#000,transparent 90%)}.texture:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(0,153,255,.15),transparent 70%);top:-300px;right:-250px;filter:blur(60px);animation:float 8s ease-in-out infinite}.texture:after{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(0,255,255,.1),transparent 70%);bottom:-250px;left:-200px;filter:blur(50px);animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.container{z-index:2;width:92%;max-width:1500px;margin:auto}.container,.hero{position:relative}.hero{margin-bottom:100px}.hero h1{color:#fff;font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.05;font-weight:800;max-width:1200px;margin-bottom:28px;letter-spacing:-.02em;animation:fadeInUp .8s ease-out .15s both;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:hsla(0,0%,100%,.75);font-size:clamp(1.1rem,2vw,1.3rem);max-width:900px;line-height:1.75;font-weight:400;animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;animation:fadeInUp .8s ease-out .45s both}.blog-card{background:linear-gradient(145deg,#101010,#0a0a0a);border:1px solid hsla(0,0%,100%,.08);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#09f,#00d4ff);opacity:0;transition:opacity .4s ease}.blog-card:hover{transform:translateY(-12px);border-color:rgba(0,153,255,.4);box-shadow:0 24px 48px rgba(0,153,255,.2),0 0 0 1px rgba(0,153,255,.1)}.blog-card:hover:before{opacity:1}.card-image{height:200px;overflow:hidden;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));opacity:0;transition:opacity .4s ease}.blog-card:hover .card-image:after{opacity:1}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover img{transform:scale(1.08)}.card-content{padding:24px;position:relative;z-index:2}.card-tag{display:inline-block;color:#36b6ff;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase;padding:6px 12px;background:rgba(0,153,255,.1);border-radius:6px;border:1px solid rgba(0,153,255,.2)}.card-content h3{color:#fff;font-size:1.15rem;line-height:1.4;font-weight:700;margin-bottom:18px;min-height:64px;max-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;letter-spacing:-.01em}.read-link{text-decoration:none;color:#36b6ff;font-weight:700;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;font-size:.95rem}.read-link:hover{color:#7ed4ff;transform:translateX(4px)}.view-all{margin-top:70px;text-align:center;animation:fadeInUp .8s ease-out .6s both}.view-all a{display:inline-flex;align-items:center;justify-content:center;padding:18px 40px;border-radius:999px;text-decoration:none;background:linear-gradient(135deg,#09f,#00d4ff);color:#fff;font-weight:700;font-size:1rem;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(0,153,255,.3);position:relative;overflow:hidden}.view-all a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff,#09f);opacity:0;transition:opacity .4s ease}.view-all a:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,153,255,.4)}.view-all a:hover:before{opacity:1}.view-all a span{position:relative;z-index:2}.empty-state,.error-state,.loading-state{color:#fff;text-align:center;padding:80px 0;font-size:1.1rem}@media (max-width:1400px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}.hero h1{max-width:1000px}}@media (max-width:900px){.insights-section{padding:120px 0 100px}.hero{margin-bottom:80px}.hero h1{max-width:100%}.blog-grid{gap:20px}}@media (max-width:768px){.insights-section{padding:100px 0 80px}.blog-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.card-content h3{height:auto;max-height:none}.card-image{height:220px}.view-all a{width:100%;max-width:400px}}@media (max-width:600px){.insights-section{padding:80px 0 60px}.hero{margin-bottom:60px}.hero-badge{padding:10px 20px;font-size:12px;letter-spacing:2px}.hero h1{font-size:2.2rem}.hero p{font-size:.95rem;max-width:100%}.card-image{height:200px}.card-content{padding:20px}.view-all{margin-top:50px}.view-all a{padding:16px 32px;font-size:.95rem}}@media (max-width:480px){.insights-section{padding:60px 0 50px}.container{width:94%}.hero-badge{padding:8px 16px;font-size:11px;letter-spacing:1.5px}.hero h1{font-size:1.9rem;line-height:1.1}.hero p{font-size:.9rem;line-height:1.65}.card-image{height:180px}.card-content{padding:18px}.card-tag{font-size:10px;padding:5px 10px;letter-spacing:1px}.card-content h3{font-size:1.05rem;min-height:auto}.read-link,.view-all a{font-size:.9rem}.view-all a{padding:14px 28px}}