.nav-active{color:var(--color-brand-neon)!important}.blog-hero{position:relative;padding:160px 0 80px;overflow:hidden;border-bottom:1px solid var(--color-border-subtle)}.blog-hero-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(14,0,180,.2) 0%,rgba(104,91,255,.08) 40%,transparent 70%);pointer-events:none;filter:blur(60px);top:-300px;right:-200px}.blog-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;color:var(--color-text-muted)}.blog-breadcrumb a{color:var(--color-text-muted);transition:color .2s ease}.blog-breadcrumb a:hover{color:var(--color-brand-neon)}.blog-breadcrumb svg{opacity:.4;flex-shrink:0}.blog-hero-meta{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.blog-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-full);background:#685bff1a;border:1px solid rgba(104,91,255,.2);color:var(--color-brand-neon);text-decoration:none;transition:background-color .2s ease}a.blog-tag:hover{background:#685bff33;color:var(--color-brand-neon)}.blog-title{font-size:52px;font-weight:400;line-height:1.1;color:var(--color-text-primary);margin-bottom:24px;max-width:800px}.blog-subtitle{font-size:18px;line-height:1.6;color:var(--color-text-body);max-width:680px;margin-bottom:40px}.blog-author-row{display:flex;align-items:center;justify-content:space-between;max-width:680px;flex-wrap:wrap;gap:16px}.blog-author{display:flex;align-items:center;gap:12px}.blog-meta-right{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.meta-dot{opacity:.4}.blog-layout{padding:64px 0 80px}.blog-article-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(67,85,219,.22) 0%,transparent 70%),linear-gradient(180deg,#131a35,#0a0f1c);border:1px solid rgba(107,143,255,.3);border-radius:16px;padding:16px 16px 20px;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,background .4s ease;box-shadow:inset 0 1px #ffffff0d;display:flex;flex-direction:column}.blog-card:hover{border-color:#6b8fff8c;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 18px 40px -16px #4355db73;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(107,143,255,.32) 0%,transparent 70%),linear-gradient(180deg,#131a35,#0a0f1c)}.blog-card-img{position:relative;height:200px;border-radius:10px;overflow:hidden;border:1px solid rgba(107,143,255,.3);margin-bottom:18px}.blog-card-img a{display:block;height:100%}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{padding:0 6px 4px;display:flex;flex-direction:column;flex:1}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.blog-card-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid rgba(67,85,219,.45);background:linear-gradient(90deg,#0b1228,#4355db66,#0b1228);font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb}.blog-card h3{background:none;-webkit-text-fill-color:#ffffff;color:#fff;filter:none;font-size:18px;font-weight:600;line-height:1.35;margin:0 0 10px}.blog-card h3 a{color:inherit;text-decoration:none;transition:color .2s ease}.blog-card h3 a:hover{color:#6b8fff}.blog-card-body>p{font-size:13px;color:#ffffffa6;line-height:1.55;margin:0 0 18px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff8c;margin-top:auto;padding-top:14px;border-top:1px solid rgba(107,143,255,.18)}.blog-card-meta .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1b28b4,#4355db);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff2e,0 0 10px #4355db73;margin-right:2px}.blog-card-meta .meta-dot{opacity:.4}.blog-overview-hero{position:relative;padding:140px 0 60px;overflow:hidden}.blog-overview-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(67,85,219,.4) 1px,transparent 1px);background-size:24px 24px;background-attachment:fixed;mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,black,transparent);pointer-events:none;z-index:0}.blog-overview-hero>.container{position:relative;z-index:1}.blog-overview-hero h1{font-size:56px;margin:14px 0 16px}.blog-overview-hero p{font-size:17px;color:#ffffffa6;max-width:620px;line-height:1.55}.blog-toc{position:sticky;top:104px}.toc-inner{background:#685bff0a;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:24px}.toc-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:16px}.toc-link{display:block;font-size:13px;color:var(--color-text-muted);border-left:2px solid transparent;padding:7px 0 7px 12px;margin-left:-12px;transition:color .2s ease,border-color .2s ease;line-height:1.4}.toc-link:hover,.toc-link.active{color:var(--color-brand-neon);border-left-color:var(--color-brand-neon)}.toc-cta{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.toc-cta p{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.blog-article{min-width:0}.blog-article section{margin-bottom:64px}.blog-article h2{font-size:32px;font-weight:400;color:var(--color-text-primary);margin-bottom:20px;line-height:1.3;margin-top:8px}.blog-article h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;margin-top:28px}.blog-article p{font-size:16px;line-height:1.8;color:#ffffffbf;margin-bottom:20px}.blog-article strong{color:var(--color-text-primary);font-weight:600}.article-highlight{display:flex;gap:16px;background:#685bff14;border:1px solid rgba(104,91,255,.2);border-radius:var(--radius-small);padding:20px 24px;margin-bottom:48px;font-size:15px;line-height:1.7;color:#fffc}.highlight-icon{color:var(--color-brand-neon);flex-shrink:0;margin-top:2px}.article-callout{display:flex;gap:20px;margin:32px 0}.callout-bar{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--color-brand-neon),var(--color-brand-main));flex-shrink:0}.article-callout p{font-size:17px;font-style:italic;color:#fffc;margin:0;line-height:1.7}.article-callout.conclusion{background:#685bff0f;border:1px solid rgba(104,91,255,.15);border-radius:var(--radius-small);padding:24px;flex-direction:column;gap:12px}.article-callout.conclusion .callout-bar{display:none}.article-image-placeholder{margin:32px 0}.image-inner{background:#685bff0a;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:32px}.workflow-visual{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.wf-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border-radius:var(--radius-small);border:1px solid rgba(104,91,255,.2);min-width:110px;text-align:center}.wf-trigger{background:#685bff14;color:var(--color-brand-neon)}.wf-ai{background:#0e00b433;border-color:#685bff66;color:var(--color-brand-neon)}.wf-action{background:#ffffff08;color:#fff9}.wf-node span{font-size:12px;font-weight:600;color:var(--color-text-primary)}.wf-node small{font-size:11px;color:var(--color-text-muted)}.wf-arrow{font-size:18px;color:#685bff66;font-weight:300}.image-caption{font-size:13px;color:var(--color-text-muted);text-align:center;font-style:italic;margin:0}.comparison-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);overflow:hidden;margin:32px 0}.ct-header,.ct-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:0}.ct-header{background:#685bff14;border-bottom:1px solid var(--color-border-subtle)}.ct-header>div,.ct-row>div{padding:14px 16px;font-size:13px;border-right:1px solid var(--color-border-subtle)}.ct-header>div:last-child,.ct-row>div:last-child{border-right:none}.ct-header>div{font-weight:600;color:var(--color-text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ct-row{border-bottom:1px solid rgba(255,255,255,.05)}.ct-row:last-child{border-bottom:none}.ct-row>div{color:var(--color-text-muted);font-size:13px}.ct-row>div:first-child{color:var(--color-text-body);font-weight:500}.ct-highlight{background:#685bff0f}.ct-good{color:var(--color-brand-neon)!important;font-weight:600}.ct-bad{color:#ff5050cc!important}.ct-neutral{color:#ffc850cc!important}.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.use-case-card{background:#685bff0d;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-small);padding:24px;position:relative;transition:border-color .2s ease,background-color .2s ease}.use-case-card:hover{border-color:#685bff40;background:#685bff14}.uc-number{font-size:36px;font-weight:800;color:#685bff26;line-height:1;margin-bottom:12px}.uc-icon{color:var(--color-brand-neon);margin-bottom:12px}.use-case-card h3{font-size:16px;margin-bottom:8px;margin-top:0}.use-case-card p{font-size:14px;margin-bottom:16px}.uc-stat{display:flex;align-items:baseline;gap:8px;padding-top:12px;border-top:1px solid rgba(104,91,255,.1)}.uc-stat-value{font-size:20px;font-weight:700;color:var(--color-brand-neon)}.uc-stat-label{font-size:12px;color:var(--color-text-muted)}.feature-list{margin:24px 0;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#fffc;line-height:1.6}.feature-check{width:24px;height:24px;border-radius:6px;background:#685bff1f;border:1px solid rgba(104,91,255,.25);display:flex;align-items:center;justify-content:center;color:var(--color-brand-neon);flex-shrink:0;margin-top:1px}.steps-list{display:flex;flex-direction:column;gap:0;margin-top:24px;position:relative}.steps-list:before{content:"";position:absolute;left:20px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,var(--color-brand-neon),rgba(104,91,255,.1))}.step-item{display:flex;gap:24px;padding-bottom:32px;position:relative}.step-badge{width:42px;height:42px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-brand-neon);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--color-brand-neon);flex-shrink:0;position:relative;z-index:1}.step-content{padding-top:8px;flex:1}.step-content h3{margin-top:0;font-size:18px;margin-bottom:8px}.step-content p{font-size:15px;margin-bottom:12px}.step-code{background:#0006;border:1px solid rgba(104,91,255,.15);border-radius:8px;padding:16px 20px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;display:flex;flex-direction:column;gap:4px}.code-comment{color:#685bff99}.code-line{color:#ffffffb3}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.tip-card{background:#685bff0a;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-small);padding:24px;transition:border-color .2s ease}.tip-card:hover{border-color:#685bff40}.tip-icon{color:var(--color-brand-neon);margin-bottom:14px;width:40px;height:40px;background:#685bff1a;border-radius:10px;display:flex;align-items:center;justify-content:center}.tip-card h3{font-size:16px;margin-bottom:8px;margin-top:0}.tip-card p{font-size:14px;margin:0}.article-footer{display:flex;justify-content:space-between;align-items:center;padding-top:40px;margin-top:40px;border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:16px}.article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--color-text-muted)}.article-share{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.share-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.share-btn:hover{background:#685bff1f;border-color:var(--color-brand-border);color:var(--color-brand-neon)}.blog-cta-section{position:relative;padding:96px 0;background:linear-gradient(135deg,#040121,#0e00b480 35%,#685bff33 60%,#040121);overflow:hidden;border-top:1px solid rgba(104,91,255,.15);border-bottom:1px solid rgba(104,91,255,.15)}@media(max-width:1024px){.blog-grid{grid-template-columns:1fr}.blog-toc{position:static;order:-1}.toc-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.toc-label{margin:0}nav{display:flex;gap:0;flex-wrap:wrap}.toc-link{border-left:none;border-bottom:1px solid transparent;padding-left:0;margin-left:0;padding-bottom:2px;margin-right:8px}.toc-link:hover,.toc-link.active{border-left:none;border-bottom-color:var(--color-brand-neon)}.toc-cta{border-top:none;margin:0;padding:0}.use-case-grid,.tips-grid{grid-template-columns:1fr}.blog-title{font-size:36px}}@media(max-width:768px){.blog-hero{padding:140px 0 60px}.blog-title{font-size:28px}.blog-subtitle{font-size:16px}.ct-header,.ct-row{grid-template-columns:1fr 1fr}.ct-header>div:nth-child(2),.ct-header>div:nth-child(3),.ct-row>div:nth-child(2),.ct-row>div:nth-child(3){display:none}.workflow-visual{gap:8px}.wf-node{min-width:80px;padding:12px}.wf-arrow{font-size:14px}.article-footer{flex-direction:column;align-items:flex-start}}.blog-card--upcoming{opacity:.78;cursor:default}.blog-card--upcoming:hover{transform:none}.blog-card--upcoming .blog-card-img{position:relative}.blog-card--upcoming .blog-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080c1400 40%,#080c1499);pointer-events:none}.blog-card--upcoming .blog-card-img img{filter:grayscale(.35)}.blog-card-upcoming-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid rgba(107,143,255,.45);background:linear-gradient(90deg,#0b1228,#4355db8c,#0b1228);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fffffff2}