/* ============================================================
   VeriGroup — production site stylesheet (self-contained).
   Tokens + reset + shared components (button, card, badge) + nav + footer.
   No build step required. Linked by every page.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat+Alternates:wght@600;700&display=swap');

:root {
  /* Brand */
  --veri-blue:#4444FC; --veri-blue-deep:#3434D1; --veri-teal:#20D0BF;
  --play-pink:#EF4F91; --play-pink-deep:#C53F78; --play-coral:#FF8B70;
  --lens-green:#28C76F; --lens-green-deep:#1F9B58; --lens-lime:#C8F455;
  --pitch-purple:#6A33FF; --pitch-purple-deep:#5228CC; --pitch-lavender:#B39CFF;
  --sight-orange:#FF8A35; --sight-orange-deep:#CC6E2A; --sight-amber:#FFC155;
  /* Neutrals */
  --ink-900:#14141A; --ink-800:#1C1C22; --ink-700:#2A2A33; --ink-600:#4A4A55; --ink-500:#6E6E78;
  --grey-400:#8C8C8C; --grey-300:#ADADAD; --grey-200:#D8D8DE; --grey-100:#ECECF0; --grey-050:#F6F6F9; --white:#FFFFFF;
  /* Status */
  --success:var(--lens-green); --warning:var(--sight-amber); --danger:#E5484D; --info:var(--veri-blue);
  /* Semantic */
  --color-brand:var(--veri-blue); --color-brand-deep:var(--veri-blue-deep); --color-brand-accent:var(--veri-teal);
  --text-primary:var(--ink-900); --text-secondary:var(--ink-600); --text-tertiary:var(--ink-500); --text-inverse:var(--white); --text-brand:var(--veri-blue);
  --surface-page:var(--grey-050); --surface-card:var(--white); --surface-sunken:var(--grey-100); --surface-dark:var(--ink-800);
  --border-subtle:var(--grey-200); --border-strong:var(--grey-300); --border-focus:var(--veri-blue);
  /* Gradients */
  --gradient-brand:linear-gradient(120deg,#4444FC 0%,#6A33FF 48%,#EF4F91 100%);
  --gradient-cool:linear-gradient(120deg,#6A33FF 0%,#4444FC 50%,#20D0BF 100%);
  --gradient-warm:linear-gradient(120deg,#EF4F91 0%,#FF8A35 100%);
  --gradient-play:linear-gradient(120deg,#EF4F91 0%,#FF8B70 100%);
  --gradient-lens:linear-gradient(120deg,#28C76F 0%,#C8F455 100%);
  /* Type */
  --font-sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-logo:'Montserrat Alternates','Montserrat',sans-serif;
  --fw-light:300; --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --fs-h-xxl:4rem; --lh-h-xxl:4.5rem; --fs-h-xl:3.5rem; --lh-h-xl:4rem;
  --fs-h-lg:3rem; --lh-h-lg:3.5rem; --fs-h-md:2.5rem; --lh-h-md:2.75rem;
  --fs-h-sm:2rem; --lh-h-sm:2.25rem; --fs-h-xs:1.5rem; --lh-h-xs:1.75rem;
  --fs-body-lg:1.125rem; --lh-body-lg:1.5rem; --fs-body-md:1rem; --lh-body-md:1.25rem;
  --fs-body-sm:.875rem; --lh-body-sm:1.25rem; --fs-body-xs:.75rem; --lh-body-xs:1rem;
  --tracking-tight:-0.02em; --tracking-normal:0; --tracking-wide:0.08em;
  /* Space / radius / shadow */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem;
  --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-2xl:32px; --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(20,20,26,.06);
  --shadow-sm:0 1px 3px rgba(20,20,26,.08),0 1px 2px rgba(20,20,26,.04);
  --shadow-md:0 4px 12px rgba(20,20,26,.08),0 2px 4px rgba(20,20,26,.04);
  --shadow-lg:0 12px 32px rgba(20,20,26,.10),0 4px 8px rgba(20,20,26,.05);
  --shadow-xl:0 24px 64px rgba(20,20,26,.14);
  --shadow-brand:0 12px 32px rgba(68,68,252,.24);
  --focus-ring:0 0 0 3px rgba(68,68,252,.30);
  --container-max:1200px; --container-wide:1320px;
  --ease-standard:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:360ms;
}

/* Product theme scopes */
[data-brand="group"]{--color-brand:var(--veri-blue);--color-brand-deep:var(--veri-blue-deep);--color-brand-accent:var(--veri-teal);--text-brand:var(--veri-blue);}
[data-brand="play"]{--color-brand:var(--play-pink);--color-brand-deep:var(--play-pink-deep);--color-brand-accent:var(--play-coral);--text-brand:var(--play-pink-deep);}
[data-brand="lens"]{--color-brand:var(--lens-green);--color-brand-deep:var(--lens-green-deep);--color-brand-accent:var(--lens-lime);--text-brand:var(--lens-green-deep);}
[data-brand="pitch"]{--color-brand:var(--pitch-purple);--color-brand-deep:var(--pitch-purple-deep);--color-brand-accent:var(--pitch-lavender);--text-brand:var(--pitch-purple);}
[data-brand="sight"]{--color-brand:var(--sight-orange);--color-brand-deep:var(--sight-orange-deep);--color-brand-accent:var(--sight-amber);--text-brand:var(--sight-orange-deep);}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font-sans);font-weight:var(--fw-medium);color:var(--text-primary);background:var(--surface-card);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%;}
a{color:inherit;}
h1,h2,h3,h4,p{margin:0;}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px;}

/* ---------- Layout helpers ---------- */
.wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-10);}
.section{padding:var(--space-20) 0;}
.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);color:var(--text-brand);}
.h2{font-size:var(--fs-h-lg);line-height:var(--lh-h-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0 0;}
.lead{font-size:var(--fs-body-lg);color:var(--text-secondary);margin-top:var(--space-4);max-width:40em;line-height:var(--lh-body-lg);}
.grad-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- Button ---------- */
.veri-btn{--_bg:var(--color-brand);--_bg-deep:var(--color-brand-deep);font-family:var(--font-sans);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;cursor:pointer;border-radius:var(--radius-pill);line-height:1;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);text-decoration:none;}
.veri-btn:active{transform:scale(.98);}
.veri-btn--sm{height:36px;padding:0 16px;font-size:var(--fs-body-sm);}
.veri-btn--md{height:44px;padding:0 22px;font-size:var(--fs-body-md);}
.veri-btn--lg{height:54px;padding:0 30px;font-size:var(--fs-body-lg);}
.veri-btn--primary{background:var(--_bg);color:#fff;}
.veri-btn--primary:hover{background:var(--_bg-deep);}
.veri-btn--secondary{background:color-mix(in srgb,var(--_bg) 12%,transparent);color:var(--text-brand);}
.veri-btn--secondary:hover{background:color-mix(in srgb,var(--_bg) 20%,transparent);}
.veri-btn--ghost{background:transparent;color:var(--text-brand);}
.veri-btn--ghost:hover{background:color-mix(in srgb,var(--_bg) 10%,transparent);}
.veri-btn--outline{background:var(--surface-card);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong);}
.veri-btn--outline:hover{box-shadow:inset 0 0 0 1px var(--_bg);color:var(--text-brand);}
.veri-btn--gradient{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand);}
.veri-btn--gradient:hover{filter:brightness(1.05);}
.veri-btn--block{width:100%;}
.veri-btn--on-dark{background:#fff;color:var(--veri-blue);}
.veri-btn--on-dark:hover{background:#fff;filter:brightness(.96);}
.veri-btn--ghost-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);}
.veri-btn--ghost-light:hover{background:rgba(255,255,255,.12);}
.veri-btn__icon{display:inline-flex;}
.veri-btn__icon svg{width:1.15em;height:1.15em;display:block;}

/* ---------- Card ---------- */
.veri-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);}
.veri-card--elevated{box-shadow:var(--shadow-sm);border:1px solid transparent;}
.veri-card--outlined{border:1px solid var(--border-subtle);}
.veri-card--flat{border:1px solid transparent;}
.veri-card--interactive{cursor:pointer;}
.veri-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.veri-card--interactive.veri-card--outlined:hover{border-color:var(--color-brand);}
.veri-card__accent{height:4px;background:var(--color-brand);flex:none;}
.veri-card__accent--gradient{background:var(--gradient-brand);}
.veri-card__body{padding:var(--space-6);}

/* ---------- Badge ---------- */
.veri-badge{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-body-xs);letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);line-height:1.4;white-space:nowrap;}
.veri-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.veri-badge--neutral{background:var(--grey-100);color:var(--ink-600);}
.veri-badge--brand{background:color-mix(in srgb,var(--color-brand) 14%,transparent);color:var(--text-brand);}
.veri-badge--success{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--lens-green-deep);}
.veri-badge--warning{background:color-mix(in srgb,var(--warning) 24%,transparent);color:var(--sight-orange-deep);}

/* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-10);background:color-mix(in srgb,var(--surface-card) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border-subtle);}
.nav__logo{height:30px;flex:none;display:flex;}
.nav__logo img{height:30px;display:block;}
.nav__links{display:flex;gap:var(--space-1);margin-left:auto;align-items:center;}
.nav__link{appearance:none;border:none;background:none;cursor:pointer;text-decoration:none;font-family:var(--font-sans);font-size:var(--fs-body-md);font-weight:var(--fw-semibold);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard);}
.nav__link:hover{color:var(--text-primary);background:var(--surface-sunken);}
.nav__link--active{color:var(--text-brand);}
.nav__cta{flex:none;margin-left:var(--space-2);}
.nav__toggle{display:none;appearance:none;border:none;background:none;cursor:pointer;margin-left:auto;padding:8px;color:var(--text-primary);border-radius:var(--radius-sm);}
.nav__toggle svg{display:block;}
/* Nav dropdowns */
.nav__group{position:relative;display:flex;}
.nav__link--trigger{display:inline-flex;align-items:center;gap:6px;}
.nav__link--trigger svg{transition:transform var(--dur-fast) var(--ease-standard);}
.nav__group.is-open .nav__link--trigger svg{transform:rotate(180deg);}
.nav__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:236px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);display:none;flex-direction:column;gap:2px;z-index:60;}
.nav__group.is-open .nav__menu{display:flex;}
.nav__menu a{display:flex;flex-direction:column;gap:1px;text-decoration:none;padding:10px 12px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-standard);}
.nav__menu a:hover{background:var(--surface-sunken);}
.nav__menu a b{font-weight:var(--fw-bold);color:var(--text-primary);font-size:var(--fs-body-md);}
.nav__menu a span{font-size:var(--fs-body-xs);color:var(--text-tertiary);font-weight:var(--fw-medium);}
@media (min-width:1025px){
  .nav__group:hover .nav__menu,.nav__group:focus-within .nav__menu{display:flex;}
  .nav__group::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px;}
}

/* ---------- Footer ---------- */
.footer{background:var(--surface-dark);color:var(--grey-300);padding:var(--space-16) var(--space-10) var(--space-8);}
.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-10);max-width:var(--container-max);margin:0 auto;}
.footer__brand img{height:30px;margin-bottom:var(--space-4);}
.footer__tag{font-size:var(--fs-body-md);color:var(--grey-300);max-width:280px;line-height:var(--lh-body-md);}
.footer__h{color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-body-sm);margin-bottom:var(--space-4);}
.footer__col a{display:block;color:var(--grey-300);text-decoration:none;font-size:var(--fs-body-sm);padding:5px 0;}
.footer__col a:hover{color:#fff;}
.footer__rule{max-width:var(--container-max);margin:var(--space-10) auto 0;border-top:1px solid rgba(255,255,255,.12);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--fs-body-xs);color:var(--grey-400);}
.footer__rule .veri-id{display:flex;align-items:center;gap:8px;}
.footer__rule a{color:var(--grey-300);text-decoration:none;}
.footer__rule a:hover{color:#fff;}
.footer__legal{max-width:var(--container-max);margin:var(--space-4) auto 0;color:var(--grey-400);font-size:var(--fs-body-xs);line-height:1.55;}
.footer__legal a{color:var(--grey-300);text-decoration:none;}
.footer__legal a:hover{color:#fff;}

/* ---------- Responsive ---------- */
/* Nav collapses earlier than the rest: the full desktop nav needs ~1000px. */
@media (max-width:1024px){
  .nav{padding:0 var(--space-6);gap:var(--space-4);}
  .nav__links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6) var(--space-6);box-shadow:var(--shadow-lg);display:none;}
  .nav__links--open{display:flex;}
  .nav__link{padding:14px 8px;border-radius:var(--radius-sm);font-size:var(--fs-body-lg);}
  .nav__cta{margin:var(--space-3) 0 0;}
  .nav__cta .veri-btn{width:100%;}
  .nav__toggle{display:inline-flex;}
  .nav__group{flex-direction:column;align-items:stretch;}
  .nav__link--trigger{justify-content:space-between;width:100%;}
  .nav__menu{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 var(--space-2) var(--space-5);min-width:0;}
  .nav__menu a{padding:10px 8px;}
}
@media (max-width:900px){
  :root{--fs-h-xxl:2.75rem;--lh-h-xxl:3rem;--fs-h-lg:2.25rem;--lh-h-lg:2.5rem;}
  .wrap{padding:0 var(--space-6);}
  .section{padding:var(--space-16) 0;}
  .footer__top{grid-template-columns:1fr 1fr;gap:var(--space-8);}
  .footer__brand{grid-column:1 / -1;}
  .footer__rule{flex-direction:column;align-items:flex-start;}
}
@media (max-width:560px){
  .footer__top{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;}
}

/* ============================================================
   BLOG — index, cards, filter, article & prose.
   Shared by blog.html and every blog/*.html article.
   ============================================================ */

/* Category accent colours (chips + card top rule). Not product branding. */
[data-cat="sales-insight"]{--cat:var(--veri-blue);--cat-deep:var(--veri-blue-deep);}
[data-cat="veriview"]{--cat:var(--veri-teal);--cat-deep:#13988b;}
[data-cat="client-stories"]{--cat:var(--lens-green);--cat-deep:var(--lens-green-deep);}
[data-cat="news-updates"]{--cat:var(--play-coral);--cat-deep:#d4623f;}

/* ---------- Blog hero ---------- */
.blog-hero{position:relative;overflow:hidden;background:var(--surface-card);}
.blog-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(110% 120% at 82% -25%,color-mix(in srgb,var(--veri-blue) 11%,transparent),transparent 56%);pointer-events:none;}
.blog-hero__inner{position:relative;max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-10) var(--space-10);}
.blog-hero h1{font-size:var(--fs-h-xl);line-height:var(--lh-h-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:var(--space-4) 0 var(--space-5);max-width:20ch;}
.blog-hero p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:56ch;font-weight:var(--fw-medium);}

/* ---------- Category filter ---------- */
.blog-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-10);}
.blog-filter__btn{appearance:none;cursor:pointer;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:9px 18px;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
.blog-filter__btn:hover{color:var(--text-primary);border-color:var(--border-strong);}
.blog-filter__btn--active{color:#fff;background:var(--veri-blue);border-color:var(--veri-blue);}

/* ---------- Post grid + cards ---------- */
.blog-list{max-width:var(--container-max);margin:0 auto;padding:var(--space-10) var(--space-10) var(--space-24);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.post-card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);}
.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat,var(--veri-blue)) 55%,transparent);}
.post-card__media{position:relative;aspect-ratio:16/10;background:var(--surface-sunken);overflow:hidden;}
.post-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out);}
.post-card:hover .post-card__media img{transform:scale(1.04);}
.post-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);flex:1;}
.post-card__cat{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body-xs);font-weight:var(--fw-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--cat-deep,var(--veri-blue-deep));background:color-mix(in srgb,var(--cat,var(--veri-blue)) 13%,transparent);padding:4px 10px;border-radius:var(--radius-pill);}
.post-card__cat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cat,var(--veri-blue));}
.post-card__title{font-size:var(--fs-h-xs);line-height:var(--lh-h-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;text-wrap:pretty;}
.post-card:hover .post-card__title{color:var(--cat-deep,var(--veri-blue-deep));}
.post-card__excerpt{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);margin:0;}
.post-card__meta{margin-top:auto;padding-top:var(--space-2);display:flex;align-items:center;gap:8px;font-size:var(--fs-body-sm);color:var(--text-tertiary);font-weight:var(--fw-semibold);}
.post-card__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--grey-300);}

/* ---------- Featured lead post ---------- */
.blog-featured{max-width:var(--container-max);margin:0 auto var(--space-10);padding:var(--space-10) var(--space-10) 0;}
.featured-card{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);}
.featured-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat,var(--veri-blue)) 55%,transparent);}
.featured-card__media{position:relative;min-height:340px;background:var(--surface-sunken);overflow:hidden;}
.featured-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);}
.featured-card:hover .featured-card__media img{transform:scale(1.03);}
.featured-card__flag{position:absolute;top:18px;left:18px;z-index:2;background:var(--gradient-brand);color:#fff;font-size:var(--fs-body-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:7px 14px;border-radius:var(--radius-pill);box-shadow:var(--shadow-brand);}
.featured-card__body{padding:var(--space-12) var(--space-10);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;}
.featured-card__title{font-size:var(--fs-h-md);line-height:var(--lh-h-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;text-wrap:pretty;}
.featured-card:hover .featured-card__title{color:var(--cat-deep,var(--veri-blue-deep));}
.featured-card__excerpt{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);margin:0;}
.featured-card__meta{display:flex;align-items:center;gap:8px;font-size:var(--fs-body-sm);color:var(--text-tertiary);font-weight:var(--fw-semibold);margin-top:var(--space-2);}
.featured-card__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--grey-300);}
.featured-card__link{display:inline-flex;align-items:center;gap:7px;font-weight:var(--fw-bold);color:var(--cat-deep,var(--veri-blue-deep));font-size:var(--fs-body-md);margin-top:var(--space-2);}
.featured-card__link svg{transition:transform var(--dur-fast) var(--ease-standard);}
.featured-card:hover .featured-card__link svg{transform:translateX(3px);}

.blog-empty{text-align:center;color:var(--text-tertiary);font-weight:var(--fw-semibold);padding:var(--space-16) 0;font-size:var(--fs-body-lg);}

/* ---------- Article page ---------- */
.article{max-width:760px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16);}
.article__back{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-tertiary);text-decoration:none;margin-bottom:var(--space-8);}
.article__back:hover{color:var(--text-brand);}
.article__back svg{transition:transform var(--dur-fast) var(--ease-standard);}
.article__back:hover svg{transform:translateX(-3px);}
.article__cat{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.02em;color:var(--cat-deep,var(--veri-blue-deep));background:color-mix(in srgb,var(--cat,var(--veri-blue)) 13%,transparent);padding:5px 13px;border-radius:var(--radius-pill);}
.article__cat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cat,var(--veri-blue));}
.article__title{font-size:var(--fs-h-lg);line-height:var(--lh-h-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:var(--space-5) 0 var(--space-5);text-wrap:balance;}
.article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:var(--fs-body-md);color:var(--text-secondary);font-weight:var(--fw-semibold);}
.article__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--grey-300);}
.article__meta .by{color:var(--text-primary);}
.article__hero{margin:var(--space-10) 0 var(--space-10);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:var(--surface-sunken);}
.article__hero img{width:100%;height:100%;object-fit:cover;display:block;}

/* Prose */
.prose{font-size:var(--fs-body-lg);line-height:1.7;color:var(--text-primary);font-weight:var(--fw-medium);}
.prose > * + *{margin-top:var(--space-5);}
.prose .lede{font-size:1.375rem;line-height:1.5;color:var(--text-primary);font-weight:var(--fw-semibold);}
.prose h2{font-size:var(--fs-h-xs);line-height:var(--lh-h-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin-top:var(--space-12);margin-bottom:0;text-wrap:balance;}
.prose h3{font-size:var(--fs-body-lg);font-weight:var(--fw-bold);margin-top:var(--space-10);margin-bottom:0;}
.prose p{margin:0;}
.prose strong{font-weight:var(--fw-bold);color:var(--text-primary);}
.prose a{color:var(--text-brand);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;}
.prose ul,.prose ol{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--space-3);}
.prose li{padding-left:.2em;}
.prose ul li::marker{color:var(--cat,var(--veri-blue));}
.prose ol li::marker{color:var(--cat-deep,var(--veri-blue-deep));font-weight:var(--fw-bold);}
.prose blockquote{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:4px solid var(--cat,var(--veri-blue));font-size:1.5rem;line-height:1.4;font-weight:var(--fw-semibold);color:var(--text-primary);}
.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0;}

/* Author card */
.author-card{display:flex;gap:var(--space-5);align-items:flex-start;margin:var(--space-16) 0 0;padding:var(--space-8);background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);}
.author-card__avatar{flex:none;width:64px;height:64px;border-radius:50%;background:var(--gradient-cool);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-body-lg);letter-spacing:.02em;overflow:hidden;}
.author-card__avatar img{width:100%;height:100%;object-fit:cover;}
.author-card__name{font-size:var(--fs-body-lg);font-weight:var(--fw-bold);margin:0;}
.author-card__role{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-brand);margin:2px 0 var(--space-3);}
.author-card__bio{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);margin:0;}

/* Prev / next */
.article-nav{max-width:760px;margin:var(--space-12) auto 0;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);}
.article-nav__item{display:flex;flex-direction:column;gap:4px;padding:var(--space-5) var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard);}
.article-nav__item:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);}
.article-nav__dir{font-size:var(--fs-body-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);}
.article-nav__t{font-size:var(--fs-body-md);font-weight:var(--fw-bold);line-height:var(--lh-body-md);}
.article-nav__item--next{text-align:right;align-items:flex-end;}
.article-nav__item--empty{visibility:hidden;}

/* Related / more insights */
.related{max-width:var(--container-max);margin:0 auto;padding:var(--space-20) var(--space-10) var(--space-8);}
.related__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);}
.related__head h2{font-size:var(--fs-h-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;}
.related__all{font-weight:var(--fw-semibold);color:var(--text-brand);text-decoration:none;font-size:var(--fs-body-md);white-space:nowrap;}

/* End CTA band (blog/article) */
.endcta{background:var(--gradient-cool);}
.endcta__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-10);text-align:center;color:#fff;}
.endcta__inner h2{font-size:var(--fs-h-md);line-height:var(--lh-h-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);}
.endcta__inner p{font-size:var(--fs-body-lg);color:rgba(255,255,255,.88);margin:0 auto var(--space-6);max-width:46ch;font-weight:var(--fw-medium);}

@media (max-width:900px){
  .blog-hero__inner{padding:var(--space-10) var(--space-6) var(--space-6);}
  .blog-filter{padding:0 var(--space-6);}
  .blog-featured{padding:var(--space-6) var(--space-6) 0;}
  .featured-card{grid-template-columns:1fr;}
  .featured-card__media{min-height:220px;aspect-ratio:16/9;}
  .featured-card__body{padding:var(--space-8) var(--space-6);}
  .blog-list{padding:var(--space-8) var(--space-6) var(--space-16);}
  .blog-grid{grid-template-columns:1fr 1fr;gap:var(--space-5);}
  .related{padding:var(--space-16) var(--space-6) var(--space-4);}
  .article__title{font-size:var(--fs-h-md);line-height:var(--lh-h-md);}
}
@media (max-width:560px){
  .blog-grid{grid-template-columns:1fr;}
  .article-nav{grid-template-columns:1fr;}
  .author-card{flex-direction:column;gap:var(--space-4);}
}