.insights-hero{position:relative;isolation:isolate;background-color:#061b49;background-image:linear-gradient(90deg,rgba(4,19,47,.92) 0%,rgba(6,27,73,.8) 42%,rgba(6,27,73,.24) 74%,rgba(6,27,73,.08) 100%),url('/static/syntax-hero.png');background-size:cover;background-position:center;padding:96px 0 82px;border-bottom:1px solid var(--brand-border);color:#fff;overflow:hidden}
@supports (background-image:image-set(url('/static/syntax-hero.webp') type('image/webp'))){.insights-hero{background-image:linear-gradient(90deg,rgba(4,19,47,.92) 0%,rgba(6,27,73,.8) 42%,rgba(6,27,73,.24) 74%,rgba(6,27,73,.08) 100%),image-set(url('/static/syntax-hero.webp') type('image/webp'),url('/static/syntax-hero.png') type('image/png'))}}
.insights-hero .container{display:block}
.insights-hero h1{font-size:5.5rem;letter-spacing:0;line-height:1;margin:0 0 20px;color:#fff}
.insights-hero p{font-size:1.12rem;color:#dbe8ff;max-width:650px}
.insights-hero .eyebrow{color:#8fe8ff}
.insights-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:26px;max-width:640px}
.insights-search input{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.3)}
.insights-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.insight-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:#fff;border:1px solid var(--brand-border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);margin-bottom:36px}
.insight-media,.insight-card-media{display:grid;place-items:center;background:linear-gradient(135deg,#061b49,#1266ff);min-height:250px;color:#fff}
.insight-media img,.insight-card-media img{width:100%;height:100%;object-fit:cover}
.insight-media span,.insight-card-media span{font-size:3rem;font-weight:800;letter-spacing:-.04em;opacity:.9}
.insight-feature-content{padding:36px}
.insight-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--brand-muted);font-size:.82rem;margin:12px 0}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.insight-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--brand-border);border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 16px 38px rgba(6,27,73,.07);transition:.2s}
.insight-card:hover{transform:translateY(-5px);box-shadow:0 24px 62px rgba(6,27,73,.12);border-color:#b6d0fa}
.insight-card-media{min-height:190px}
.insight-card-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.insight-card h2,.insight-feature h2{color:var(--brand-navy);line-height:1.18;letter-spacing:0;margin:0}
.insight-card h2{font-size:1.24rem}
.insight-feature h2{font-size:2.4rem}
.insight-card p,.insight-feature p{color:var(--brand-muted);margin:0}
.insight-read{margin-top:auto;color:var(--brand-blue);font-weight:800;font-size:.9rem}
.empty-insights{padding:50px;border:1px solid var(--brand-border);border-radius:22px;background:var(--brand-soft);text-align:center}
.article-hero{background:linear-gradient(135deg,#f5f9ff,#fff);padding:76px 0 54px;border-bottom:1px solid var(--brand-border)}
.article-shell{max-width:860px;margin:0 auto}
.article-hero h1{font-size:3.6rem;line-height:1.06;letter-spacing:0;color:var(--brand-navy);margin:12px 0 18px}
.article-feature-image{border-radius:24px;overflow:hidden;margin:34px auto 0;box-shadow:var(--shadow-soft);border:1px solid var(--brand-border)}
.article-feature-image img{width:100%;height:auto}
.article-body{padding:70px 0}
.article-content{font-size:1.06rem;color:#243653}
.article-content h2,.article-content h3{color:var(--brand-navy);line-height:1.2;letter-spacing:-.03em;margin-top:2em}
.article-content p,.article-content li{color:#3f506b}
.article-content a{color:var(--brand-blue);font-weight:700}
.article-content code{background:#eaf2ff;color:var(--brand-navy);padding:.18rem .38rem;border-radius:6px}
.article-content pre{background:#071b3a;color:#fff;padding:22px;border-radius:14px;overflow:auto}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px;padding-top:26px;border-top:1px solid var(--brand-border)}
.article-tags a{background:#eaf2ff;color:var(--brand-blue);border-radius:999px;padding:7px 12px;text-decoration:none;font-size:.82rem;font-weight:800}
@media(max-width:900px){.insights-hero h1{font-size:4.2rem}.article-hero h1{font-size:3rem}.insight-feature{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.insights-hero{padding:48px 0 34px;background-position:58% center}.insights-hero h1{font-size:3rem}.insights-hero p{font-size:1rem;line-height:1.55}.insights-search{grid-template-columns:1fr;margin-top:18px}.article-hero h1{font-size:2.35rem}.insight-feature h2{font-size:1.85rem}.insight-grid{grid-template-columns:1fr}.insight-feature-content{padding:26px}}