.article-hero{position:relative;background:linear-gradient(175deg,#002438 8.53%,#000 88.57%);color:var(--hero-text);padding:calc(var(--envbar-h) + var(--header-h) + 5.5rem) 0 4rem;overflow:hidden}.article-hero .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:#f5f6fa80}.article-hero .breadcrumb a{color:#f5f6fab8;text-decoration:none;transition:color .15s ease}.article-hero .breadcrumb a:hover{color:var(--cyan)}.article-hero .breadcrumb .sep{color:#f5f6fa47}.article-hero .breadcrumb .cur{color:#f5f6fad9}.article-tag{display:inline-flex;align-items:center;gap:.8rem;margin:3rem 0 1.8rem;padding:.7rem 1.6rem;border-radius:5rem;border:.1rem solid var(--cyan-border);background:#007f8714;color:var(--cyan);font-size:1.3rem;font-weight:600;letter-spacing:.1em}.article-hero h1{font-size:clamp(3.2rem,5vw,5.6rem);font-weight:800;line-height:1.22;letter-spacing:-.01em;max-width:76rem;margin:0 0 2.6rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;font-size:1.4rem;color:#f5f6fa9e}.article-meta b{color:var(--hero-text);font-weight:600}.article-meta .sep{color:#f5f6fa47}.article-cover{max-width:104rem;margin-top:-2rem;position:relative;z-index:2}.article-cover img{display:block;width:100%;aspect-ratio:16/6;object-fit:cover;border-radius:1.6rem;border:.05rem solid rgba(226,228,235,.14);box-shadow:0 30px 80px #00142859;background:linear-gradient(160deg,#0d2236,#002438);min-height:26rem;color:#f5f6fa99;font-size:1.5rem;line-height:1.6}.article-body{max-width:76rem;margin-inline:auto;padding-top:7rem;padding-bottom:2rem;font-size:1.7rem;line-height:1.95;color:#2b3f52}.article-body .lead{font-size:2rem;line-height:1.85;font-weight:500;color:var(--ink);border-left:3px solid var(--cyan);padding-left:2rem;margin-bottom:4rem}.article-body h2{font-size:2.6rem;font-weight:700;color:var(--ink);line-height:1.35;margin:6.4rem 0 2rem;padding-top:1.8rem;position:relative}.article-body h2:before{content:"";position:absolute;top:0;left:0;width:4.8rem;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),#0B63F6)}.article-body p{margin:0 0 2.2rem}.article-body ul,.article-body ol{margin:0 0 2.4rem;padding-left:2.2rem}.article-body li{margin-bottom:1rem}.article-body strong{color:var(--ink);font-weight:600}.article-body figure{margin:4.4rem 0}.article-body figure img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:1.2rem;box-shadow:0 18px 48px #00334f24}.article-body figure figcaption{margin-top:1.2rem;text-align:center;font-size:1.3rem;color:var(--ink-3)}.article-body blockquote{margin:3.6rem 0 4rem;padding:2.6rem 3rem;border-left:3px solid #0B63F6;border-radius:.8rem;background:#f2f8ff;color:#22435c;font-size:1.7rem;line-height:1.85}.article-body blockquote p{margin:0}.takeaways{margin:6rem 0;padding:3.6rem 3.8rem;border-radius:1.4rem;overflow:hidden;position:relative;background:linear-gradient(160deg,#00334f,#011824);border:.05rem solid rgba(0,127,135,.28);box-shadow:0 24px 60px #00334f38}.takeaways:before{content:"";position:absolute;top:-6rem;right:-6rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(0,225,255,.18),transparent 65%);pointer-events:none}.takeaways .tk-title{position:relative;display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:2.6rem}.takeaways ol{position:relative;list-style:none;counter-reset:tk;display:grid;gap:1.8rem;margin:0;padding:0}.takeaways li{counter-increment:tk;display:flex;gap:1.6rem;align-items:flex-start;font-size:1.6rem;line-height:1.75;color:#f5f6faeb}.takeaways li:before{content:counter(tk,decimal-leading-zero);flex:none;font-family:var(--font-mono);font-size:1.2rem;color:var(--cyan);border:.1rem solid var(--cyan-border);border-radius:.6rem;padding:.5rem .9rem;margin-top:.3rem}.related{padding:8rem 0;background:#f4f8fc}.related .related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:4.4rem}.related .section-head{margin-bottom:0}.related .blog-all-link{flex:none;display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;color:#0b63f6;text-decoration:none;padding-bottom:.6rem;border-bottom:.2rem solid rgba(11,99,246,.25);transition:color .15s ease,border-color .15s ease}.related .blog-all-link:hover{color:var(--cyan-dim);border-color:var(--cyan-dim)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.related-card{display:flex;flex-direction:column;background:#fff;border:.1rem solid var(--line);border-radius:1.2rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 30px #00334f0f;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.related-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px #00334f24}.related-card img{display:block;width:100%;height:14rem;object-fit:cover;background:linear-gradient(160deg,#0d2236,#002438)}.related-card .rc-body{padding:2.2rem 2.2rem 2.4rem}.related-card .rc-tag{font-size:1.2rem;font-weight:600;letter-spacing:.08em;color:#0b63f6}.related-card h3{font-size:1.8rem;font-weight:700;color:var(--ink);line-height:1.45;margin:.8rem 0 1rem}.related-card p{font-size:1.4rem;line-height:1.7;color:var(--ink-3);margin:0}.related-card .rc-more{margin-top:1.4rem;display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600;color:#0b63f6}.related-card:hover .rc-more .arr{transform:translate(4px)}.related-card .rc-more .arr{transition:transform .25s ease}.blog-cta{padding:8rem 0;background:linear-gradient(175deg,#002438 8.53%,#000 88.57%);text-align:center;color:var(--hero-text)}.blog-cta h2{font-size:clamp(2.8rem,4vw,4rem);font-weight:800;line-height:1.3;margin:0 0 1.6rem}.blog-cta p{max-width:60rem;margin:0 auto 3.2rem;font-size:1.6rem;line-height:1.8;color:#f5f6faad}.blog-cta .btn-demo{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;line-height:1;padding:1.4rem 3rem;font-size:1.7rem;font-weight:500;border-radius:5rem;border:.137rem solid var(--cyan-border);background:linear-gradient(0deg,#011824 .36%,#0d222e 100.36%);color:#fff;box-shadow:#0000004d 0 .2rem .4rem;text-decoration:none;transition:background .15s ease,border-color .15s ease}.blog-cta .btn-demo:hover{background:linear-gradient(0deg,#01141e .36%,#091922 100.36%);border-color:#00e1ff80}.blog-cta .btn-demo .arr{color:#00d2e6;font-weight:700;transition:transform .25s ease}.blog-cta .btn-demo:hover .arr{transform:translate(4px)}@media(max-width:900px){.article-hero h1{font-size:clamp(2.8rem,6.4vw,4rem)}.article-cover{margin-top:0}.article-cover img{aspect-ratio:16/8}.related-grid{grid-template-columns:1fr}.related .related-head{flex-direction:column;align-items:flex-start}.takeaways{padding:3rem 2.6rem}.article-body{font-size:1.6rem}.article-body .lead{font-size:1.8rem}}@media(max-width:390px){.article-body h2{font-size:2.2rem}.article-cover img{aspect-ratio:16/9;border-radius:1.2rem}}