.blog-preview{padding-top:120px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:transform .25s,border-color .25s}.blog-card:hover{transform:translateY(-5px);border-color:rgba(128,104,255,.42)}.blog-media{height:300px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(100,82,255,.3),transparent 55%),#0d1120}.blog-media img{height:88%;max-width:82%;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.3));transition:transform .4s}.blog-card:hover .blog-media img{transform:translateY(-5px) rotate(1deg)}.blog-media-laptop img{width:92%;max-width:none;height:auto}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:28px}.blog-card-copy>span,.blog-list-meta{font-size:10px;letter-spacing:1.6px;color:#8b76ff;font-weight:700}.blog-card-copy h3{margin:22px 0 10px;font-size:25px;line-height:1.1;letter-spacing:-1.1px}.blog-card-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.blog-card-copy b{margin-top:auto;padding-top:26px;font-size:12px}.all-posts-link{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;font-size:13px;font-weight:700}.all-posts-link span{color:#8068ff}body.light .blog-card{background:#fff}.blog-page{padding:150px 0 110px}.blog-page-head{max-width:760px;margin-bottom:65px}.blog-page-head h1{font-size:clamp(58px,7vw,92px);margin:20px 0 25px}.blog-page-head p{color:var(--muted);font-size:17px;line-height:1.7}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-page{padding:150px 0 100px}.article-shell{width:min(780px,calc(100% - 40px));margin:auto}.article-back{font-size:13px;color:var(--muted)}.article-header{padding:70px 0 50px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(48px,7vw,78px);margin:22px 0;letter-spacing:-4px}.article-lead{font-size:20px;line-height:1.6;color:var(--muted)}.article-hero{height:500px;margin:50px 0;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(113,83,255,.24),transparent 62%),var(--surface)}.article-hero img{max-width:80%;max-height:90%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.article-content{font-size:17px;line-height:1.85}.article-content h2{font-size:32px;line-height:1.15;letter-spacing:-1.5px;margin:55px 0 16px}.article-content p{color:var(--muted)}.article-cta{margin-top:65px;padding:35px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:15;background:rgba(8,10,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}body.light .blog-nav{background:rgba(245,246,250,.86)}
@media(max-width:800px){.blog-preview{padding-top:75px}.blog-preview .section-heading{margin-bottom:30px}.blog-grid,.blog-list{display:flex;gap:12px;width:calc(100vw - 16px);padding:2px 16px 14px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-grid::-webkit-scrollbar,.blog-list::-webkit-scrollbar{display:none}.blog-card{flex:0 0 min(82vw,340px);scroll-snap-align:start}.blog-media{height:250px}.blog-card-copy{padding:23px}.blog-card-copy h3{font-size:22px}.all-posts-link{justify-content:flex-start}.blog-page{padding-top:120px}.blog-page-head{margin-bottom:35px}.blog-page-head h1{font-size:53px;letter-spacing:-3px}.article-page{padding-top:105px}.article-header{padding:45px 0 35px}.article-header h1{font-size:46px;letter-spacing:-2.8px}.article-lead{font-size:17px}.article-hero{height:360px;margin:35px 0}.article-content{font-size:16px}.article-content h2{font-size:27px}.blog-nav .case-nav{height:72px}.blog-nav .back-link{display:none}}
