.desktop-nav a[aria-current=page]::after { transform: scaleX(1); }
.insights-hero { overflow: hidden; padding: 84px 0 76px; background: radial-gradient(circle at 92% 20%, #f2672235, transparent 20rem), radial-gradient(circle at 76% 76%, #6ca3df30, transparent 30rem), linear-gradient(132deg, #f7faff, #eaf3fd 58%, #fffaf7); }
.insights-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .55fr); align-items: end; gap: 70px; }
.insights-hero h1, .insights-directory h2, .related-insights h2, .insight-article-head h1, .insight-app-cta h2, .insight-not-found h1 { margin: 14px 0 19px; color: var(--navy); font: 800 clamp(2.8rem, 5.8vw, 5.3rem)/.96 Manrope, Inter, sans-serif; letter-spacing: -.075em; }
.insights-hero p:not(.eyebrow) { max-width: 645px; margin: 0; color: #4d6078; font-size: 1.08rem; line-height: 1.7; }
.insights-hero-mark { display: grid; min-height: 260px; align-content: space-between; justify-items: end; border: 1px solid #b9d1e84d; border-radius: 15px; padding: 28px; background: linear-gradient(145deg, #00182f, #003b7a 66%, #f26722); color: #fff; box-shadow: 0 24px 46px #0021472e; }
.insights-hero-mark span { font: 800 .72rem/1 Manrope, Inter, sans-serif; letter-spacing: .15em; }
.insights-hero-mark b { color: #fff8f3; font: 800 clamp(5rem, 10vw, 9rem)/.75 Manrope, Inter, sans-serif; letter-spacing: -.1em; }
.insights-directory, .related-insights { padding: 96px 0; background: #fff; }
.insights-directory-head, .related-insights-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 40px; }
.insights-directory h2, .related-insights h2 { margin-bottom: 0; font-size: clamp(2.4rem, 4.2vw, 4rem); }
.insight-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.insight-filter { min-height: 38px; border: 1px solid #cedbe7; border-radius: 999px; padding: 0 14px; background: #fff; color: #3b506a; font-size: .75rem; font-weight: 800; cursor: pointer; transition: background .16s ease-out, color .16s ease-out, border-color .16s ease-out; }
.insight-filter:hover, .insight-filter.is-active { border-color: var(--navy); background: var(--navy); color: #fff; }
.insights-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.insight-card { overflow: hidden; display: grid; grid-template-rows: auto 1fr; min-height: 100%; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 12px 31px #00214712; transition: transform .18s ease-out, box-shadow .18s ease-out; }
.insight-card:hover { box-shadow: 0 20px 42px #00214722; transform: translateY(-4px); }
.insight-card-image { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: #dceafa; }
.insight-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease-out; }
.insight-card:hover .insight-card-image img { transform: scale(1.035); }
.insight-card-copy { display: flex; min-height: 100%; flex-direction: column; padding: 23px 23px 24px; }
.insight-card-meta, .insight-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #617188; font-size: .73rem; font-weight: 700; }
.insight-tag { display: inline-flex; min-height: 25px; align-items: center; border-radius: 999px; padding: 0 9px; background: #edf3fa; color: var(--navy); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.insight-tag-industry { background: #e3f0ff; color: #155186; }
.insight-tag-operatives { background: #fff0e8; color: #a44315; }
.insight-tag-companies { background: #e8f2ed; color: #1e6544; }
.insight-tag-curated { background: #f0ebfb; color: #56318d; }
.insight-card h2 { margin: 17px 0 10px; color: var(--navy); font: 800 1.45rem/1.11 Manrope, Inter, sans-serif; letter-spacing: -.05em; }
.insight-card h2 a:hover { color: #0d539e; }
.insight-card p { margin: 0; color: #607188; font-size: .88rem; line-height: 1.65; }
.insight-read-link { margin-top: auto; padding-top: 24px; color: var(--orange); font-size: .78rem; font-weight: 800; }
.insight-read-link span { transition: transform .16s ease-out; }
.insight-read-link:hover span { display: inline-block; transform: translateX(3px); }
.insight-empty, .insight-filter-empty { grid-column: 1 / -1; border: 1px dashed #bdcad8; padding: 42px; background: #f7faff; color: #607188; text-align: center; }
.insight-empty h2 { margin: 0 0 10px; font-size: 1.7rem; }
.insight-filter-empty { margin: 24px 0 0; }
.insight-article-head { padding: 62px 0 48px; background: radial-gradient(circle at 8% 28%, #f2672229, transparent 20rem), linear-gradient(145deg, #f7faff, #e6f0fb); }
.insight-back { display: inline-flex; margin-bottom: 34px; color: #375573; font-size: .79rem; font-weight: 800; }
.insight-back:hover { color: var(--orange); }
.insight-article-head h1 { max-width: 1030px; margin-top: 19px; font-size: clamp(2.7rem, 6.1vw, 5.8rem); }
.insight-article-head > .container > p { max-width: 780px; margin: 0; color: #4e627b; font-size: 1.08rem; line-height: 1.7; }
.insight-article-frame { margin-top: -3px; }
.insight-hero-image { overflow: hidden; max-width: 1120px; margin: 0 auto; border-radius: 14px; background: #dceafa; box-shadow: 0 22px 50px #00214724; }
.insight-hero-image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.insight-article-layout { display: grid; grid-template-columns: minmax(0, 760px) 210px; justify-content: center; gap: 70px; padding: 68px 0 85px; }
.insight-article-main { min-width: 0; }
.insight-body { color: #334b65; font-size: 1.05rem; line-height: 1.82; }
.insight-body h2, .insight-body h3 { margin: 2.25em 0 .7em; color: var(--navy); font-family: Manrope, Inter, sans-serif; letter-spacing: -.055em; line-height: 1.1; }
.insight-body h2 { font-size: 1.95rem; }
.insight-body h3 { font-size: 1.45rem; }
.insight-body p { margin: 0 0 1.3em; }
.insight-body ul, .insight-body ol { margin: 0 0 1.3em; padding-left: 1.35em; text-align: left; }
.insight-body li + li { margin-top: .45em; }
.insight-body a { color: #075aa7; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.insight-body blockquote { margin: 2em 0; border-left: 4px solid var(--orange); padding: 9px 0 9px 25px; color: var(--navy); font: 700 1.35rem/1.45 Manrope, Inter, sans-serif; letter-spacing: -.035em; }
.insight-body blockquote p { margin: 0; }
.insight-body figure { margin: 2.25em 0; }
.insight-body figure img { display: block; width: 100%; border-radius: 9px; }
.insight-body figcaption { margin-top: 8px; color: #62748a; font-size: .78rem; line-height: 1.5; }
.insight-source { margin: 0 0 32px; border: 1px solid #ccd9e8; border-left: 4px solid var(--orange); border-radius: 8px; padding: 23px; background: #f7faff; }
.insight-source .eyebrow { font-size: .61rem; }
.insight-source h2 { margin: 12px 0 6px; color: var(--navy); font: 800 1.16rem/1.25 Manrope, Inter, sans-serif; letter-spacing: -.035em; }
.insight-source p { margin: 0; color: #65768a; font-size: .8rem; }
.insight-source a { display: inline-block; margin-top: 15px; color: #075aa7; font-size: .79rem; font-weight: 800; }
.insight-reading-note { align-self: start; position: sticky; top: 138px; border-top: 1px solid #bccbdd; padding-top: 17px; }
.insight-reading-note .eyebrow { font-size: .6rem; }
.insight-reading-note p:not(.eyebrow) { margin: 12px 0 0; color: #60738b; font-size: .82rem; line-height: 1.58; }
.insight-share { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 44px; border-top: 1px solid #d9e3ec; padding-top: 22px; }
.insight-share > span { width: 100%; margin-bottom: 3px; color: #607188; font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.insight-share a { display: inline-flex; min-height: 37px; align-items: center; border: 1px solid #c9d8e7; border-radius: 999px; padding: 0 13px; color: var(--navy); background: #fff; font-size: .76rem; font-weight: 800; }
.insight-share a:hover { border-color: var(--orange); color: var(--orange); }
.related-insights { background: #f5f8fc; }
.insights-grid-related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.related-empty { grid-column: 1 / -1; margin: 0; color: #65758a; }
.insight-app-cta { display: flex; align-items: center; justify-content: space-between; gap: 50px; margin: 0 0 90px; border-radius: 15px; padding: 47px 48px; background: linear-gradient(125deg, #00182f, #002e61 63%, #0c579e); color: #fff; box-shadow: 0 22px 42px #00214729; }
.insight-app-cta h2 { margin-bottom: 12px; color: #fff; font-size: clamp(2.05rem, 3.7vw, 3.4rem); }
.insight-app-cta p:not(.eyebrow) { max-width: 600px; margin: 0; color: #d3e2f1; line-height: 1.6; }
.insight-store-actions { display: flex; flex: 0 0 auto; flex-direction: column; align-items: stretch; gap: 10px; min-width: 210px; }
.insight-store-actions .button { white-space: nowrap; }
.insight-store-coming { color: #cad9e9; font-size: .75rem; font-weight: 700; text-align: center; }
.insight-not-found { padding: 130px 0; text-align: center; }
.insight-not-found h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); }
@media (max-width: 920px) { .insights-hero-grid { grid-template-columns: 1fr; gap: 34px; } .insights-hero-mark { min-height: 170px; } .insights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .insight-article-layout { grid-template-columns: minmax(0, 720px); padding-top: 50px; } .insight-reading-note { display: none; } .insight-app-cta { align-items: flex-start; flex-direction: column; gap: 26px; } .insight-store-actions { width: 100%; max-width: 350px; } }
@media (max-width: 640px) { .insights-hero { padding: 57px 0 53px; } .insights-hero h1 { font-size: clamp(2.8rem, 14vw, 4.1rem); } .insights-hero-mark { min-height: 132px; padding: 20px; } .insights-hero-mark b { font-size: 5rem; } .insights-directory, .related-insights { padding: 70px 0; } .insights-directory-head, .related-insights-head { display: block; margin-bottom: 28px; } .insight-filters { justify-content: flex-start; margin-top: 22px; } .insights-grid, .insights-grid-related { grid-template-columns: 1fr; gap: 16px; } .insight-article-head { padding: 43px 0 36px; } .insight-back { margin-bottom: 28px; } .insight-article-head h1 { font-size: clamp(2.55rem, 13vw, 3.9rem); } .insight-article-head > .container > p { font-size: 1rem; } .insight-article-layout { padding: 39px 0 60px; } .insight-body { font-size: 1rem; } .insight-body h2 { font-size: 1.7rem; } .insight-source { padding: 19px; } .insight-app-cta { margin-bottom: 64px; padding: 31px 24px; } .insight-app-cta h2 { font-size: 2.28rem; } }

.insight-card[hidden], .insight-filter-empty[hidden] { display: none; }
.desktop-nav a[aria-current=page], .mobile-nav a[aria-current=page] { color: var(--orange); }