:root{--ink:#0e0e0e;--panel:#171717;--panel-2:#202020;--text:#d4d4d4;--muted:#a9a9a9;--white:#fff;--blue:#00b4d8;--blue-dark:#0077b6;--line:#303030}
body.insights-page{background:var(--ink);color:var(--text)}
.insights-page .navbar{position:fixed}
.insights-shell{width:min(1180px,90%);margin-inline:auto}
.insights-hero{position:relative;min-height:560px;display:grid;align-items:end;padding:9rem 0 5rem;background:#111;overflow:hidden}
.insights-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.65) 50%,rgba(0,0,0,.2) 100%),var(--hero-image) center/cover no-repeat;opacity:.82}
.insights-hero__content{position:relative;z-index:1;max-width:820px}
.insights-eyebrow{color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}
.insights-hero h1{color:var(--white);font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:1.35rem}
.insights-hero p{font-size:clamp(1rem,1.8vw,1.24rem);line-height:1.75;max-width:760px;color:#e0e0e0}
.breadcrumbs{margin-bottom:1.4rem;font-size:.86rem;color:#bbb}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.breadcrumbs li+li::before{content:"/";margin-right:.5rem;color:#707070}.breadcrumbs a{color:#d8d8d8;text-decoration:none}.breadcrumbs a:hover{color:var(--blue)}
.hub-intro,.article-layout,.topic-strip,.related-reading{padding:5rem 0}
.hub-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:4rem;align-items:start}
.hub-intro h2,.topic-strip h2,.related-reading h2{color:var(--white);font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;margin-bottom:1.25rem}
.hub-intro p{font-size:1.05rem;line-height:1.8}
.hub-note{border-left:3px solid var(--blue);padding:1rem 0 1rem 1.4rem;color:#bbb;line-height:1.7}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-bottom:5rem}
.insight-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}
.insight-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}
.insight-card:hover{transform:translateY(-3px);border-color:#3d6770}
.insight-card img{width:100%;height:250px;object-fit:cover}.insight-card:first-child img{height:100%;min-height:390px}
.insight-card__body{padding:2rem}.insight-card h2{color:#fff;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.25;margin:.65rem 0 1rem}.insight-card p{line-height:1.7;color:#bdbdbd}.insight-card a{color:inherit;text-decoration:none}.insight-card .read-link{display:inline-block;color:var(--blue);font-weight:600;margin-top:1.4rem}
.card-meta,.article-meta{font-size:.78rem;color:#8fcbd8;text-transform:uppercase;letter-spacing:.08em}
.topic-strip{border-block:1px solid var(--line);background:#121212}.topic-links{display:flex;flex-wrap:wrap;gap:.75rem}.topic-links a{border:1px solid #3a3a3a;border-radius:999px;color:#ddd;text-decoration:none;padding:.75rem 1rem;background:#191919}.topic-links a:hover{color:#fff;border-color:var(--blue)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:5rem;align-items:start}
.article-body{font-size:1.03rem;line-height:1.85;color:#cecece}.article-body>p:first-of-type{font-size:1.2rem;color:#eee;line-height:1.75}.article-body h2{color:#fff;font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.18;margin:3.6rem 0 1.2rem;scroll-margin-top:90px}.article-body h3{color:#f4f4f4;font-size:1.35rem;margin:2.2rem 0 .8rem}.article-body p,.article-body ul,.article-body ol{margin-bottom:1.3rem}.article-body ul,.article-body ol{padding-left:1.4rem}.article-body li{margin-bottom:.65rem}.article-body a{color:#55c9e1}.article-body strong{color:#f2f2f2}.article-body blockquote,.decision-box{margin:2rem 0;padding:1.4rem 1.6rem;border-left:3px solid var(--blue);background:#171717;color:#e5e5e5}.decision-box h2,.decision-box h3{margin-top:0}.comparison-wrap{overflow-x:auto;margin:2rem 0}.comparison{width:100%;border-collapse:collapse;min-width:640px}.comparison th,.comparison td{text-align:left;padding:1rem;border-bottom:1px solid #353535;vertical-align:top}.comparison th{color:#fff;background:#1d1d1d}.comparison td:first-child{color:#fff;font-weight:600}
.toc{position:sticky;top:90px;border:1px solid var(--line);background:var(--panel);padding:1.5rem;border-radius:12px}.toc h2{font-size:1rem;color:#fff;margin-bottom:1rem}.toc ol{padding-left:1.2rem}.toc li{margin:.7rem 0;color:#777}.toc a{color:#bbb;text-decoration:none;font-size:.9rem;line-height:1.45}.toc a:hover{color:var(--blue)}.toc .cta-button{display:block;text-align:center;margin-top:1.5rem;color:#fff}
.article-author{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.article-author h2{font-size:1.25rem;margin:0 0 .6rem}.article-author p{font-size:.92rem;color:#aaa}
.related-reading{border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-card{border:1px solid var(--line);background:var(--panel);padding:1.4rem;border-radius:10px}.related-card a{color:#fff;text-decoration:none;font-weight:600}.related-card p{font-size:.9rem;color:#aaa;margin-top:.65rem;line-height:1.6}
.insights-cta{text-align:center;padding:5rem 5%;background:#101820;border-top:1px solid #183943}.insights-cta h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1rem}.insights-cta p{max-width:720px;margin:0 auto 1.7rem;line-height:1.7}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:2rem}.toc{position:static;order:-1}.hub-intro{grid-template-columns:1fr;gap:1.5rem}.insight-card:first-child{display:flex;grid-column:auto}.insight-grid{grid-template-columns:1fr}.insight-card:first-child img{min-height:0;height:250px}.related-grid{grid-template-columns:1fr}}
@media(max-width:600px){.insights-hero{min-height:480px;padding:7.5rem 0 3.5rem}.hub-intro,.article-layout,.topic-strip,.related-reading{padding:3.5rem 0}.insight-card__body{padding:1.4rem}.article-body{font-size:1rem}.article-body h2{margin-top:2.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.insight-card{transition:none}}