.blog-page-main{padding:24px 0 0;}
.blog-breadcrumbs{color:var(--soft);font-size:13px;font-weight:800;margin-bottom:24px;display:flex;gap:8px;align-items:center;flex-wrap: wrap;}
.blog-breadcrumbs a{color:var(--muted);transition:.18s ease;}
.blog-breadcrumbs a:hover{color:var(--text);}
.blog-hero{padding:0 0 22px;}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);gap:22px;align-items:stretch;}
.blog-hero-grid > p:empty { display: none; }
.blog-hero-card,.blog-side-card,.blog-section-card,.blog-newsletter,.blog-article-card,.blog-small-card{border:1px solid rgba(190,198,255,.12);background:linear-gradient(180deg,rgba(12,15,41,.92),rgba(8,11,30,.98));box-shadow:var(--shadow);}
.blog-hero-card{position:relative;overflow:hidden;min-height:520px;padding:42px;border-radius:36px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;}
.blog-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 8%,rgba(103,245,110,.16),transparent 30%),radial-gradient(circle at 8% 100%,rgba(56,189,248,.14),transparent 36%),radial-gradient(circle at 48% 20%,rgba(139,92,246,.18),transparent 34%);pointer-events:none;z-index:-1;}
.blog-kicker{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,245,110,.22);background:rgba(103,245,110,.08);color:rgba(241,255,244,.92);font-size:12px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.blog-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 8px rgba(103,245,110,.12);}
.blog-hero-card h1{margin:22px 0 16px;max-width:830px;font-size:clamp(44px,6vw,78px);line-height:.92;letter-spacing:-.075em;}
.blog-hero-copy{max-width:670px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.55;}
.blog-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.blog-primary-btn,.blog-secondary-btn,.blog-link-btn{min-height:52px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;color:inherit;}
.blog-primary-btn{border:0;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 16px 46px rgba(103,245,110,.18);}
.blog-primary-btn:hover{transform:translateY(-2px);filter:brightness(1.05) saturate(1.06);box-shadow:0 18px 42px rgba(103,245,110,.24), inset 0 1px 0 rgba(255,255,255,.22);}
.blog-secondary-btn,.blog-link-btn{border:1px solid rgba(190,198,255,.14);background:rgba(255,255,255,.055);color:var(--text);}
.blog-secondary-btn:hover,.blog-link-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.095);border-color:rgba(190,198,255,.24);box-shadow:0 16px 34px rgba(56,189,248,.10), inset 0 1px 0 rgba(255,255,255,.06);}
.blog-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;}
.blog-stat{padding:16px;border-radius:18px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.045);}
.blog-stat strong{display:block;font-size:19px;letter-spacing:-.04em;color:var(--text);}
.blog-stat span{display:block;margin-top:6px;color:var(--soft);font-size:13px;line-height:1.4;}
.blog-side-card{border-radius:36px;padding:18px;display:grid;grid-template-rows:auto 1fr;gap:16px;min-height:520px;}
.blog-feature-art{position:relative;overflow:hidden;min-height:265px;border-radius:28px;padding:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,#111827,#6d28d9);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;}
.blog-feature-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.16),transparent 30%),radial-gradient(circle at 86% 82%,rgba(103,245,110,.18),transparent 34%);z-index:-1;}
.blog-feature-art em{font-style:normal;width:max-content;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.92);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.blog-feature-art strong{max-width:310px;color:#fff;font-size:34px;line-height:.95;letter-spacing:-.06em;text-shadow:0 20px 40px rgba(0,0,0,.35);}
.blog-side-list{display:grid;gap:10px;align-content:start;}
.blog-small-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;padding:12px;border-radius:20px;box-shadow:none;background:rgba(255,255,255,.045);transition:.18s ease;}
.blog-small-card:hover{background:rgba(255,255,255,.07);border-color:rgba(103,245,110,.20);transform:translateY(-1px);}
.blog-small-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(103,245,110,.17),rgba(139,92,246,.22));color:var(--brand-2);font-weight:950;font-size:20px;}
.blog-small-card h3{margin:0;color:var(--text);font-size:15px;line-height:1.25;letter-spacing:-.025em;}
.blog-small-card p{margin:5px 0 0;color:var(--soft);font-size:12px;line-height:1.35;}
.blog-section{padding: 0 0 24px 0;}
.blog-section-card{border-radius:32px;padding:26px;}
.blog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;}
.blog-section-label{margin-bottom:8px;color:var(--brand-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;}
.blog-section-head h2{margin:0;font-size:clamp(30px,3.5vw,42px);line-height:.98;letter-spacing:-.06em;}
.blog-section-head p{margin:10px 0 0;max-width:620px;color:var(--muted);font-size:15px;line-height:1.55;}
.blog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:22px;}
.blog-search-shell{position:relative;min-width:0;}
.blog-search-form{min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 7px 0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.18s ease;}
.blog-search-form:focus-within{border-color:rgba(103,245,110,.30);box-shadow:0 0 0 4px rgba(103,245,110,.09),0 18px 40px rgba(0,0,0,.18);}
.blog-search-form svg{opacity:.7;}
.blog-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;}
.blog-search-form input::placeholder{color:rgba(235,238,255,.48);}
.blog-search-form button{min-height:44px;padding:0 17px;border:0;border-radius:999px;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 12px 28px rgba(103,245,110,.18);transition:.18s ease;}
.blog-search-form button:hover{transform:translateY(-1px);filter:brightness(1.05) saturate(1.05);box-shadow:0 16px 34px rgba(103,245,110,.24);}
.blog-filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.blog-filter-btn{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.055);color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease;}
.blog-filter-btn:hover{color:var(--text);background:rgba(255,255,255,.095);border-color:rgba(190,198,255,.22);transform:translateY(-1px);}
.blog-filter-btn.is-active{color:#061006;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 28px rgba(103,245,110,.16);}
.blog-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.blog-article-card{min-height:100%;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.18s ease;display:flex;flex-direction:column;}
.blog-article-card:hover{transform:translateY(-3px);border-color:rgba(103,245,110,.22);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 24px rgba(103,245,110,.08);}
.blog-article-card[hidden]{display:none!important;}
.blog-article-art{position:relative;min-height:174px;padding:18px;border-bottom:1px solid rgba(190,198,255,.09);background:linear-gradient(145deg,var(--article-a,#172554),var(--article-b,#6d28d9));overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;}
.blog-article-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 88% 86%,rgba(255,255,255,.12),transparent 34%);z-index:-1;}
.blog-article-art span{width:max-content;max-width:100%;padding:8px 10px;border-radius:999px;background:rgba(7,10,28,.48);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.88);font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.blog-article-art strong{color:#fff;font-size:42px;line-height:1;font-weight:950;letter-spacing:-.08em;text-shadow:0 18px 34px rgba(0,0,0,.36);}
.blog-article-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;}
.blog-article-date{color:var(--brand-2);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.blog-article-card h3{margin:0;color:var(--text);font-size:21px;line-height:1.08;letter-spacing:-.045em;}
.blog-article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}
.blog-read-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;transition:.18s ease;}
.blog-article-card:hover .blog-read-more{color:var(--brand-2);transform:translateX(2px);}
.blog-sidebar{display:grid;gap:16px;position:sticky;top:124px;}
.blog-sidebar-card{border:1px solid rgba(190,198,255,.12);border-radius:26px;background:rgba(255,255,255,.045);padding:18px;box-shadow:var(--shadow-soft);}
.blog-sidebar-card h3{margin:0 0 14px;color:var(--text);font-size:17px;line-height:1.15;letter-spacing:-.03em;}
.blog-category-list{display:grid;gap:8px;}
.blog-category-link{min-height:42px;padding:0 12px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);background:rgba(255,255,255,.035);border:1px solid rgba(190,198,255,.08);font-size:13px;font-weight:850;transition:.18s ease;}
.blog-category-link:hover{color:var(--text);background:rgba(103,245,110,.09);border-color:rgba(103,245,110,.18);transform:translateX(2px);}
.blog-category-link span:last-child{color:var(--soft);font-size:12px;}
.blog-product-cta{background:radial-gradient(circle at 88% 0%,rgba(103,245,110,.12),transparent 32%),rgba(255,255,255,.045);}
.blog-product-cta p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.55;}
.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;}
.blog-pagination .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:13px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.055);color:var(--text);font-size:13px;font-weight:950;transition:.18s ease;}
.blog-pagination .page-numbers:not(.dots):hover,.blog-pagination .page-numbers.current{border-color:transparent;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));transform:translateY(-1px);box-shadow:0 12px 28px rgba(103,245,110,.16);}
.blog-pagination .page-numbers.dots{min-width:42px;height:42px;background:transparent;border:none;display:grid;place-items:center;color:var(--soft);font-weight:950;}
.blog-page-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;background:rgba(255,255,255,.04)!important;color:var(--soft)!important;border-color:rgba(190,198,255,.10)!important;box-shadow:none!important;}
.blog-empty{display:none;padding:32px;text-align:center;border:1px dashed rgba(190,198,255,.18);border-radius:24px;color:var(--muted);background:rgba(255,255,255,.035);}
.blog-empty.is-visible{display:block;}
.blog-newsletter{margin-top:22px;border-radius:32px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:20px;align-items:center;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.12),transparent 30%),radial-gradient(circle at 86% 100%,rgba(103,245,110,.12),transparent 30%),linear-gradient(180deg,rgba(12,15,39,.92),rgba(9,11,29,.98));}
.blog-newsletter h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:.98;letter-spacing:-.06em;}
.blog-newsletter p{margin:10px 0 0;max-width:560px;color:var(--muted);line-height:1.55;}
.blog-newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}
.blog-newsletter-form input{min-width:0;min-height:54px;border-radius:16px;border:1px solid rgba(190,198,255,.13);background:rgba(255,255,255,.075);color:var(--text);padding:0 16px;outline:0;font-size:14px;}
.blog-newsletter-form input:focus{border-color:rgba(103,245,110,.36);box-shadow:0 0 0 4px rgba(103,245,110,.09);}
.blog-newsletter-form button{min-height:54px;padding:0 17px;border:0;border-radius:16px;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 16px 36px rgba(103,245,110,.16);transition:.18s ease;}
.blog-newsletter-form button:hover{transform:translateY(-2px);filter:brightness(1.05) saturate(1.05);box-shadow:0 18px 42px rgba(103,245,110,.24);}


/* Blog content refresh: full-width horizontal article images, not cropped */
.blog-feature-art{
  min-height:0;
  aspect-ratio:16/9;
  padding:0;
  background:#050615;
  display:block;
}
.blog-feature-art:before{display:none;}
.blog-feature-art img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#050615;
}
.blog-feature-overlay{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(7,10,28,.46),rgba(7,10,28,.88));
  backdrop-filter:blur(12px);
}
.blog-feature-overlay em{
  width:max-content;
  font-style:normal;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.blog-feature-overlay strong{
  max-width:460px;
  color:#fff;
  font-size:clamp(25px,2.6vw,34px);
  line-height:.98;
  letter-spacing:-.06em;
  text-shadow:0 20px 40px rgba(0,0,0,.35);
}
.blog-article-art{
  min-height:0;
  aspect-ratio:16/9;
  padding:0;
  display:block;
  background:#050615;
}
.blog-article-art:before{display:none;}
.blog-article-art img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#050615;
}
.blog-article-art span{
  position:absolute;
  left:14px;
  right:auto;
  top:auto;
  bottom:14px;
  z-index:3;
  width:max-content;
  max-width:calc(100% - 28px);
  padding:8px 10px;
  border-radius:999px;
  background:rgba(7,10,28,.66);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.blog-article-art strong{display:none;}
@media(max-width:760px){
  .blog-feature-art{aspect-ratio:16/9;min-height:0;}
  .blog-feature-overlay{left:12px;right:12px;bottom:12px;padding:13px;border-radius:18px;}
  .blog-feature-overlay strong{font-size:24px;}
  .blog-article-art{aspect-ratio:16/9;min-height:0;}
}

@media(max-width:1180px){.blog-hero-grid,.blog-content-layout{grid-template-columns:1fr}.blog-side-card{min-height:0}.blog-sidebar{position:static;grid-template-columns:1fr 1fr}.blog-tools{grid-template-columns:1fr}.blog-filter-row{justify-content:flex-start}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.blog-page-main{padding-top:16px}.blog-hero-card{min-height:0;padding:28px;border-radius:28px}.blog-side-card,.blog-section-card,.blog-newsletter{border-radius:28px}.blog-hero-stats,.blog-sidebar,.blog-newsletter{grid-template-columns:1fr}.blog-tools{gap:12px}.blog-search-form{grid-template-columns:auto minmax(0,1fr);border-radius:22px;padding:13px 14px}.blog-search-form button{grid-column:1/-1;width:100%;min-height:48px}.blog-filter-row{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px;margin:0 -2px 0;scrollbar-width:thin}.blog-filter-btn{flex:0 0 auto}.blog-grid{grid-template-columns:1fr}.blog-section-card{padding:18px}.blog-section-head{display:block}.blog-newsletter-form{grid-template-columns:1fr}.blog-feature-art{min-height:220px}.blog-feature-art strong{font-size:29px}.blog-small-card{grid-template-columns:46px minmax(0,1fr)}.blog-small-icon{width:46px;height:46px;border-radius:15px}.blog-article-art{min-height:154px}.blog-article-card h3{font-size:20px}}
@media(max-width:520px){.blog-hero-card{padding:24px}.blog-hero-actions{display:grid}.blog-primary-btn,.blog-secondary-btn{width:100%}.blog-hero-stats{gap:10px}.blog-newsletter{padding:22px}.blog-breadcrumbs{font-size:12px}}
@media(max-width:520px){.blog-pagination{gap:6px;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;margin-top:18px}.blog-page-btn{min-width:38px;height:38px;border-radius:12px;padding:0 10px}.blog-page-ellipsis{min-width:30px;height:38px}}




/* Blog hero side: featured + popular image cards */
.blog-side-card{
  grid-template-rows:auto auto 1fr;
  align-content:start;
}
.blog-side-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:4px 4px 0;
}
.blog-side-heading span{
  color:var(--brand-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.blog-side-heading strong{
  color:var(--text);
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.02em;
  text-align:right;
}
.blog-feature-main{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.blog-feature-main:hover{
  transform:translateY(-3px);
  border-color:rgba(103,245,110,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 24px rgba(103,245,110,.08);
}
.blog-side-feature-list{
  gap:12px;
}
.blog-side-feature{
  min-height:126px;
  aspect-ratio:auto;
  border-radius:22px;
  box-shadow:none;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease;
}
.blog-side-feature:hover{
  transform:translateY(-2px);
  border-color:rgba(103,245,110,.22);
  box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 20px rgba(103,245,110,.07);
}
.blog-side-feature img{
  object-fit:cover;
}
.blog-side-feature .blog-feature-overlay{
  left:10px;
  right:10px;
  bottom:10px;
  gap:5px;
  padding:10px 12px;
  border-radius:16px;
}
.blog-side-feature .blog-feature-overlay em{
  padding:6px 8px;
  font-size:9px;
  letter-spacing:.10em;
}
.blog-side-feature .blog-feature-overlay strong{
  max-width:none;
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.blog-feature-overlay small{
  color:rgba(235,238,255,.70);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
@media(max-width:1180px){
  .blog-side-card{grid-template-rows:auto auto auto;}
  .blog-side-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .blog-side-feature{min-height:150px;}
}
@media(max-width:760px){
  .blog-side-heading{display:grid;gap:6px;padding:2px 2px 0;}
  .blog-side-heading strong{text-align:left;font-size:14px;}
  .blog-side-feature-list{grid-template-columns:1fr;}
  .blog-side-feature{min-height:172px;}
  .blog-side-feature .blog-feature-overlay strong{font-size:17px;}
}
@media(max-width:520px){
  .blog-side-feature{min-height:158px;}
  .blog-feature-overlay small{display:none;}
}


/* Blog hero side compact revision: exactly three image cards, no stretched 4-card stack */
.blog-side-card.blog-side-card-compact{
  min-height:0!important;
  align-self:start;
  display:grid;
  grid-template-rows:auto auto!important;
  gap:14px;
  padding:16px;
}
.blog-side-card-compact .blog-side-feature-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-content:start;
}
.blog-side-card-compact .blog-side-feature{
  min-height:0!important;
  height:auto;
  aspect-ratio:16/7.4;
  border-radius:22px;
  box-shadow:none;
}
.blog-side-card-compact .blog-side-feature img{
  object-fit:cover!important;
  background:#050615;
  object-position:top;
}
.blog-side-card-compact .blog-feature-overlay{
  left:10px;
  right:10px;
  bottom:10px;
  gap:8px;
  padding:18px 18px;
  border-radius:16px;
}
.blog-side-card-compact .blog-feature-overlay em{
  padding:6px 8px;
  font-size:9px;
  letter-spacing:.10em;
}
.blog-side-card-compact .blog-feature-overlay strong{
  max-width:none;
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.blog-side-card-compact .blog-feature-overlay small{
  color:rgba(235,238,255,.70);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
@media(max-width:1180px){
  .blog-side-card.blog-side-card-compact{grid-template-rows:auto auto!important;}
  .blog-side-card-compact .blog-side-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .blog-side-card-compact .blog-side-feature{aspect-ratio:16/9;}
}
@media(max-width:760px){
  .blog-side-card-compact .blog-side-feature-list{grid-template-columns:1fr;}
  .blog-side-card-compact .blog-side-feature{aspect-ratio:16/8.6;}
  .blog-side-card-compact .blog-feature-overlay strong{font-size:17px;}
}
@media(max-width:520px){
  .blog-side-card-compact .blog-side-feature{aspect-ratio:16/8.2;}
  .blog-side-card-compact .blog-feature-overlay small{display:none;}
}



/* Blog topic sidebar active state */
.blog-category-link.is-active{
  color:#061006;
  border-color:transparent;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 12px 28px rgba(103,245,110,.18);
  transform:translateX(2px);
}
.blog-category-link.is-active span:last-child{color:rgba(6,16,6,.72);}
.blog-category-link.is-active:hover{
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  border-color:transparent;
  box-shadow:0 14px 34px rgba(103,245,110,.24), inset 0 1px 0 rgba(255,255,255,.22);
}


/* Blog responsive visibility: desktop uses sidebar categories; tablet/mobile use filter chips. */
@media(min-width:1181px){
  .blog-tools{grid-template-columns:minmax(0,1fr)!important;}
  .blog-filter-row{display:none!important;}
}
@media(max-width:1180px){
  .blog-content-layout{grid-template-columns:1fr!important;}
  .blog-sidebar{display:none!important;}
  .blog-filter-row{display:flex!important;justify-content:flex-start!important;}
}


/* Blog image category label: keep it away from post logos placed at top-left */
.blog-article-art span{
  top:auto!important;
  bottom:14px!important;
  left:14px!important;
  right:auto!important;
}
@media(max-width:760px){
  .blog-article-art span{
    bottom:12px!important;
    left:12px!important;
    max-width:calc(100% - 24px);
  }
}


/* Blog post card views */
.blog-article-meta{
  display:flex;
  align-items:center;
  gap:8px 11px;
  flex-wrap:wrap;
}
.blog-article-views{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--soft);
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.blog-article-views:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(103,245,110,.78);
  box-shadow:0 0 0 4px rgba(103,245,110,.08);
}
.blog-feature-overlay small{
  display:flex;
  align-items:center;
  gap:7px 9px;
  flex-wrap:wrap;
}
.blog-feature-views{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#efffee;
  font-weight:950;
  white-space:nowrap;
}
.blog-feature-views:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--brand);
  box-shadow:0 0 0 4px rgba(103,245,110,.10);
}
@media(max-width:520px){
  .blog-article-meta{gap:7px 9px;}
  .blog-feature-overlay small{display:none!important;}
}


/* Blog post detail page */
.article-page-main{padding:24px 0 0;}
.article-hero{padding:0 0 24px;}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:22px;align-items:stretch;}
.article-hero-card,.article-hero-media,.article-card,.article-toc-card,.article-related-card{border:1px solid rgba(190,198,255,.12);background:linear-gradient(180deg,rgba(12,15,41,.92),rgba(8,11,30,.98));box-shadow:var(--shadow);}
.article-hero-card{position:relative;overflow:hidden;min-height:520px;padding:42px;border-radius:36px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;}
.article-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 8%,rgba(103,245,110,.16),transparent 30%),radial-gradient(circle at 8% 100%,rgba(56,189,248,.14),transparent 36%),radial-gradient(circle at 48% 20%,rgba(139,92,246,.18),transparent 34%);pointer-events:none;z-index:-1;}
.article-kicker{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,245,110,.22);background:rgba(103,245,110,.08);color:rgba(241,255,244,.92);font-size:12px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.article-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 8px rgba(103,245,110,.12);}
.article-hero h1{margin:20px 0 16px;max-width:860px;font-size:clamp(42px,5.8vw,74px);line-height:.93;letter-spacing:-.075em;}
.article-hero-copy{max-width:720px;margin:0;color:var(--muted);font-size:clamp(17px,1.8vw,20px);line-height:1.58;}
.article-meta-row{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.article-meta-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.055);color:var(--muted);font-size:13px;font-weight:850;}
.article-meta-pill strong{color:var(--text);font-weight:950;}
.article-hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;}
.article-primary-btn,.article-secondary-btn{min-height:54px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;transition:.18s ease;}
.article-primary-btn{color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 16px 46px rgba(103,245,110,.18);}
.article-secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);}
.article-primary-btn:hover,.article-secondary-btn:hover{transform:translateY(-1px);}
.article-hero-media{border-radius:36px;padding:18px;display:flex;flex-direction:column;gap:16px;min-height:520px;}
.article-hero-image{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:rgba(5,8,24,.64);}
.article-hero-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050615;}
.article-hero-image-label{position:absolute;left:14px;bottom:14px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(5,8,24,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);color:rgba(255,255,255,.90);font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;}
.article-quick-card{flex:1;padding:22px;border-radius:26px;border:1px solid rgba(190,198,255,.10);background:radial-gradient(circle at 90% 0%,rgba(103,245,110,.12),transparent 32%),rgba(255,255,255,.045);}
.article-quick-card h2{margin:0 0 12px;font-size:24px;letter-spacing:-.045em;}
.article-quick-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.article-quick-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;color:var(--muted);font-size:14px;line-height:1.5;}
.article-quick-list li:before{content:"✓";width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:13px;font-weight:950;}
.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(290px,1fr);gap:24px;align-items:start;}
.article-card{border-radius:34px;padding:34px;overflow:hidden;}
.article-content{font-size:17px;line-height:1.78;color:rgba(235,238,255,.82);}
.article-content > *:first-child{margin-top:0;}
.article-content h2{margin:44px 0 14px;color:var(--text);font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.055em;}
.article-content h3,
.article-content h4 {margin:32px 0 16px;color:var(--text);font-size:23px;line-height:1.15;letter-spacing:-.035em;}
.article-content h4 { font-size: 1.25em; }
.article-content h4 strong { font-weight: 700; }
.article-content p{margin:0 0 18px;}
.article-content a{color:var(--brand-2);}
.article-content ul,.article-content ol{margin:0 0 22px;padding-left:22px;color:rgba(235,238,255,.78);}
.article-content li{margin:8px 0;}
.article-lead{font-size:20px!important;line-height:1.65!important;color:rgba(247,248,255,.92)!important;}
.article-summary-box,.article-callout,.article-cta-box{margin:28px 0;padding:22px;border-radius:24px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.045);}
.article-summary-box{display:grid;gap:12px;background:radial-gradient(circle at 12% 0%,rgba(103,245,110,.10),transparent 32%),rgba(255,255,255,.045);}
.article-summary-box strong,.article-callout strong,.article-cta-box strong{display:block;color:var(--text);font-size:17px;letter-spacing:-.02em;margin-bottom:6px;}
.article-summary-box p,.article-callout p,.article-cta-box p{margin:0;color:var(--muted);font-size:15px;line-height:1.6;}
.article-callout{border-color:rgba(255,212,100,.22);background:radial-gradient(circle at 100% 0%,rgba(255,212,100,.12),transparent 30%),rgba(255,255,255,.04);}
.article-steps{display:grid;gap:12px;margin:22px 0 28px;padding:0;list-style:none!important;}
.article-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:22px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.035);}
.article-step span:first-child{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:18px;font-weight:950;}
.article-step strong{display:block;color:var(--text);font-size:16px;line-height:1.25;letter-spacing:-.02em;}
.article-step em{display:block;margin-top:5px;color:var(--muted);font-style:normal;font-size:14px;line-height:1.5;}
.article-figure{margin:30px 0;padding:12px;border-radius:28px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.035);box-shadow:var(--shadow-soft);}
.article-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:22px;background:#050615;}
.article-figure figcaption{padding:12px 6px 2px;color:var(--soft);font-size:13px;line-height:1.45;}
.article-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0;}
.article-image-grid .article-figure{margin:0;}
.article-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
.article-check-card{padding:18px;border-radius:22px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.04);}
.article-check-card strong{display:block;color:var(--text);font-size:16px;letter-spacing:-.02em;margin-bottom:7px;}
.article-check-card span{display:block;color:var(--muted);font-size:14px;line-height:1.5;}
.article-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:radial-gradient(circle at 88% 0%,rgba(103,245,110,.14),transparent 34%),radial-gradient(circle at 0% 100%,rgba(56,189,248,.12),transparent 32%),rgba(255,255,255,.045);}
.article-cta-box .article-primary-btn{min-height:48px;border-radius:16px;white-space:nowrap;}
.article-divider{height:1px;margin:34px 0;background:linear-gradient(90deg,transparent,rgba(190,198,255,.16),transparent);}
.article-sidebar{position:sticky;top:120px;display:grid;gap:16px;}
.article-toc-card{border-radius:28px;padding:18px;}
.article-toc-card h3{margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);}
.article-toc-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;}
.article-toc-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:14px;color:var(--muted);font-size:13px;font-weight:850;transition:.18s ease;}
.article-toc-list a:hover{color:var(--text);background:rgba(255,255,255,.055);transform:translateX(2px);}
.article-toc-list a.is-active{color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 28px rgba(103,245,110,.14);}
.article-side-note{border-radius:24px;padding:18px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.04);}
.article-side-note strong{display:block;margin-bottom:8px;color:var(--text);font-size:16px;letter-spacing:-.02em;}
.article-side-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}
.article-related{padding:28px 0 0;}
.article-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.article-related-head h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.055em;}
.article-related-head p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.55;}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.article-related-card{overflow:hidden;border-radius:28px;transition:.18s ease;}
.article-related-card:hover{transform:translateY(-3px);border-color:rgba(103,245,110,.22);box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 28px rgba(103,245,110,.10);}
.article-related-art{position:relative;display:block;padding:10px;border-bottom:1px solid rgba(190,198,255,.08);background:rgba(255,255,255,.025);}
.article-related-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto;border-radius:20px;background:#050615;}
.article-related-art span{position:absolute;left:20px;bottom:20px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(5,8,24,.74);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);color:rgba(255,255,255,.9);font-size:10px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;}
.article-related-body{padding:18px;display:block;}
.article-related-body h3{margin:0 0 8px;font-size:18px;line-height:1.2;letter-spacing:-.035em;}
.article-related-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;}
.article-progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:100;background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 0 18px rgba(103,245,110,.44);}
.admin-bar .article-progress { top: 32px; }
@media(max-width:1180px){.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-hero-media{min-height:0}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.article-toc-card{order:1}}
@media(max-width:900px){.article-progress { top: 0 !important; }.article-hero-card{min-height:0;padding:30px}.article-hero-media{border-radius:30px}.article-card{padding:26px;border-radius:30px}.article-related-grid{grid-template-columns:1fr 1fr}.article-sidebar{grid-template-columns:1fr}.article-toc-card{display:none}.article-cta-box{grid-template-columns:1fr}.article-cta-box .article-primary-btn{width:max-content}}
@media(max-width:640px){.article-page-main{padding-top:16px}.article-hero-card{padding:24px;border-radius:28px}.article-hero h1{font-size:clamp(36px,11vw,48px)}.article-hero-media{padding:14px;border-radius:28px}.article-card{padding:20px;border-radius:26px}.article-content{font-size:16px;line-height:1.72}.article-lead{font-size:18px!important}.article-image-grid,.article-check-grid,.article-related-grid{grid-template-columns:1fr}.article-meta-row{align-items:stretch}.article-meta-pill{width:max-content;max-width:100%}.article-primary-btn,.article-secondary-btn{width:100%}.article-cta-box .article-primary-btn{width:100%}.article-related-head{display:block}.article-progress{top:0}}



/* Blog post detail page — polished editorial v2 */
.article-page-main{padding:22px 0 0;}
.article-hero{padding:0 0 26px;}
.article-hero-grid{display:block!important;}
.article-hero-shell{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:22px;
  align-items:stretch;
  border:1px solid rgba(190,198,255,.12);
  border-radius:38px;
  padding:22px;
  background:
    radial-gradient(circle at 12% 0%,rgba(103,245,110,.12),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(56,189,248,.13),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(139,92,246,.12),transparent 38%),
    linear-gradient(180deg,rgba(12,15,41,.94),rgba(7,10,29,.99));
  box-shadow:var(--shadow);
}
.article-hero-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 42%,rgba(103,245,110,.035));
}
.article-hero-shell>*{position:relative;z-index:1;}
.article-hero-card{
  min-height:0!important;
  padding:22px 18px 22px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.article-hero-card:before{display:none!important;}
.article-hero h1{
  max-width:880px;
  margin:18px 0 16px;
  font-size:clamp(44px,5.3vw,76px);
  line-height:.92;
  letter-spacing:-.078em;
}
.article-hero-copy{max-width:720px;color:rgba(235,238,255,.78);}
.article-hero-actions{margin-top:26px;}
.article-hero-media{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:auto 1fr;
  gap:14px!important;
}
.article-hero-image{
  margin:0;
  padding:12px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
}
.article-hero-image img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:contain;
  border-radius:22px;
  background:#050615;
}
.article-hero-image-label{left:24px!important;bottom:24px!important;}
.article-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.article-hero-fact{
  min-height:112px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(190,198,255,.10);
  background:rgba(255,255,255,.045);
}
.article-hero-fact em{display:block;font-style:normal;color:var(--brand-2);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.article-hero-fact strong{display:block;margin-top:8px;color:var(--text);font-size:15px;line-height:1.25;letter-spacing:-.025em;}
.article-hero-fact span{display:block;margin-top:6px;color:var(--soft);font-size:12px;line-height:1.42;}
.article-layout{grid-template-columns:minmax(0,860px) minmax(300px,1fr)!important;gap:28px!important;}
.article-card{
  padding:0!important;
  overflow:hidden;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(12,15,41,.92),rgba(8,11,30,.985))!important;
}
.article-content-inner{padding:38px 40px 42px;}
.article-content{font-size:17px;line-height:1.82;color:rgba(235,238,255,.80);}
.article-content h2{margin:52px 0 16px;font-size:clamp(30px,3vw,44px);line-height:.98;}
.article-content h3{font-size:24px;line-height:1.12;}
.article-lead{font-size:21px!important;line-height:1.68!important;letter-spacing:-.015em;}
.article-block-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:var(--brand-2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.article-block-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 8px rgba(103,245,110,.10);}
.article-summary-box{
  margin:30px 0;
  padding:0;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(103,245,110,.10),rgba(255,255,255,.04));
}
.article-summary-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(190,198,255,.10);}
.article-summary-head strong{margin:0!important;font-size:18px!important;}
.article-summary-head span{padding:7px 10px;border-radius:999px;color:#071006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap;}
.article-summary-box p{padding:18px 20px 20px;margin:0!important;}
.article-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 30px;}
.article-insight-card{position:relative;overflow:hidden;min-height:150px;padding:18px;border-radius:24px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.04);}
.article-insight-card:after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:rgba(103,245,110,.08);}
.article-insight-card span{position:relative;z-index:1;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-weight:950;}
.article-insight-card strong{position:relative;z-index:1;display:block;margin-top:14px;color:var(--text);font-size:18px;line-height:1.16;letter-spacing:-.03em;}
.article-insight-card p{position:relative;z-index:1;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55;}
.article-figure{
  margin:34px 0;
  padding:12px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(190,198,255,.12);
}
.article-figure img{aspect-ratio:16/9;object-fit:contain;border-radius:22px;background:#050615;}
.article-figure figcaption{padding:12px 8px 3px;font-size:13px;color:var(--soft);}
.article-media-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0;}
.article-media-split .article-figure{margin:0;}
.article-callout{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:15px;
  align-items:start;
  border-radius:26px;
  padding:20px;
}
.article-callout:before{content:"!";width:50px;height:50px;border-radius:18px;display:grid;place-items:center;color:#211705;background:linear-gradient(135deg,#ffd464,#ffb02e);font-size:22px;font-weight:950;}
.article-callout strong{margin:0 0 6px!important;}
.article-video-card{
  margin:38px 0;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(190,198,255,.13);
  background:linear-gradient(180deg,rgba(12,15,41,.96),rgba(6,9,27,.99));
  box-shadow:var(--shadow-soft);
}
.article-video-stage{
  position:relative;
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 12%,rgba(103,245,110,.18),transparent 28%),
    radial-gradient(circle at 84% 86%,rgba(56,189,248,.18),transparent 34%),
    linear-gradient(135deg,#10163d,#062218 70%);
}
.article-video-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38));}
.article-video-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.32;background:#050615;}
.article-play-button{position:relative;z-index:1;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 26px 70px rgba(103,245,110,.30);font-size:34px;font-weight:950;text-indent:4px;}
.article-video-copy{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:end;}
.article-video-copy strong{display:block;color:#fff;font-size:clamp(22px,3vw,34px);line-height:1;letter-spacing:-.055em;text-shadow:0 14px 30px rgba(0,0,0,.42);}
.article-video-copy span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(5,8,24,.64);backdrop-filter:blur(12px);color:rgba(255,255,255,.86);font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap;}
.article-video-card figcaption{padding:13px 18px 16px;color:var(--soft);font-size:13px;line-height:1.5;}
.article-table-wrap{margin:30px 0;overflow:hidden;border-radius:26px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.035);}
.article-fix-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;}
.article-fix-table th,.article-fix-table td{padding:15px 16px;text-align:left;border-bottom:1px solid rgba(190,198,255,.08);vertical-align:top;}
.article-fix-table th{color:var(--soft);font-size:11px;letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.035);}
.article-fix-table td{color:var(--muted);}
.article-fix-table td:first-child{color:var(--text);font-weight:900;}
.article-fix-table tr:last-child td{border-bottom:0;}
.article-product-strip{margin:34px 0;padding:18px;border-radius:28px;border:1px solid rgba(103,245,110,.18);background:radial-gradient(circle at 92% 0%,rgba(103,245,110,.14),transparent 32%),rgba(255,255,255,.04);}
.article-product-strip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;}
.article-product-strip-head strong{color:var(--text);font-size:20px;line-height:1.15;letter-spacing:-.035em;}
.article-product-strip-head span{color:var(--muted);font-size:13px;line-height:1.45;}
.article-mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.article-mini-product{min-height:98px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:20px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.045);transition:.18s ease;}
.article-mini-product:hover{transform:translateY(-2px);border-color:rgba(103,245,110,.24);background:rgba(255,255,255,.065);}
.article-mini-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#132b55,#16a34a);font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.24);}
.article-mini-product strong{display:block;color:var(--text);font-size:14px;line-height:1.18;letter-spacing:-.02em;}
.article-mini-product span:last-child{display:block;margin-top:5px;color:var(--soft);font-size:12px;line-height:1.35;}
.article-quote-card{margin:34px 0;padding:28px;border-radius:30px;border:1px solid rgba(56,189,248,.18);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.12),transparent 32%),rgba(255,255,255,.04);}
.article-quote-card p{margin:0!important;color:rgba(247,248,255,.92);font-size:clamp(21px,2.5vw,30px);line-height:1.22;letter-spacing:-.045em;font-weight:850;}
.article-quote-card span{display:block;margin-top:14px;color:var(--soft);font-size:13px;font-weight:850;}
.article-related{padding-top:32px;}
.article-related-card{background:linear-gradient(180deg,rgba(12,15,41,.92),rgba(7,10,29,.98));}
.article-sidebar{top:116px;}
.article-side-product{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.04);transition:.18s ease;}
.article-side-product:hover{border-color:rgba(103,245,110,.24);transform:translateY(-1px);}
.article-side-product + .article-side-product{margin-top:10px;}
.article-side-product .article-mini-icon{width:52px;height:52px;}
.article-side-product strong{display:block;margin:0!important;font-size:14px!important;line-height:1.18;}
.article-side-product span{display:block;margin-top:5px;color:var(--soft);font-size:12px;line-height:1.35;}
.article-author-box{margin-top:34px;padding:20px;border-radius:28px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.04);display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;}
.article-author-avatar{width:58px;height:58px;border-radius:21px;display:grid;place-items:center;color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-weight:950;font-size:20px;}
.article-author-box strong{display:block;color:var(--text);font-size:16px;letter-spacing:-.02em;}
.article-author-box p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.5;}
@media(max-width:1180px){
  .article-hero-shell{grid-template-columns:1fr;}
  .article-layout{grid-template-columns:1fr!important;}
  .article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
  .article-sidebar .article-toc-card:first-child{display:none;}
}
@media(max-width:900px){
  .article-hero-shell{border-radius:32px;padding:16px;}
  .article-hero-card{padding:14px!important;}
  .article-hero-facts,.article-mini-products{grid-template-columns:1fr;}
  .article-content-inner{padding:28px;}
  .article-media-split{grid-template-columns:1fr;}
  .article-sidebar{grid-template-columns:1fr;}
  .article-video-copy{align-items:start;flex-direction:column;}
  .article-table-wrap{overflow-x:auto;}
  .article-fix-table{min-width:640px;}
}
@media(max-width:640px){
  .article-page-main{padding-top:16px;}
  .article-hero-shell{border-radius:28px;padding:12px;}
  .article-hero h1{font-size:clamp(36px,11vw,50px);}
  .article-hero-copy{font-size:16px;}
  .article-meta-row{gap:8px;}
  .article-meta-pill{font-size:12px;min-height:36px;}
  .article-content-inner{padding:22px 20px 26px;}
  .article-content{font-size:16px;line-height:1.72;}
  .article-lead{font-size:18px!important;}
  .article-insight-grid{grid-template-columns:1fr;}
  .article-callout{grid-template-columns:1fr;}
  .article-video-copy{left:18px;right:18px;bottom:18px;}
  .article-play-button{width:70px;height:70px;font-size:28px;}
  .article-summary-head{align-items:flex-start;flex-direction:column;}
  .article-author-box{grid-template-columns:1fr;}
}



/* Blog post detail page — simplified UI/UX pass */
.article-page-simple{padding:20px 0 0;}
.article-page-simple .blog-breadcrumbs{margin-bottom:18px;}
.article-hero-simple{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,480px);
  gap:26px;
  align-items:center;
  margin-bottom:24px;
  padding:30px;
  border-radius:34px;
  border:1px solid rgba(190,198,255,.12);
  background:
    radial-gradient(circle at 12% 0%,rgba(103,245,110,.10),transparent 32%),
    radial-gradient(circle at 88% 100%,rgba(56,189,248,.10),transparent 34%),
    linear-gradient(180deg,rgba(12,15,41,.92),rgba(7,10,29,.98));
  box-shadow:var(--shadow-soft);
}
.article-hero-simple h1{
  margin:18px 0 14px;
  max-width:840px;
  font-size:clamp(42px,5.2vw,72px);
  line-height:.94;
  letter-spacing:-.075em;
}
.article-hero-simple .article-hero-copy{max-width:700px;font-size:18px;line-height:1.62;color:rgba(235,238,255,.78);}
.article-hero-simple-media{margin:0;padding:10px;border-radius:26px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);box-shadow:0 18px 46px rgba(0,0,0,.28);}
.article-hero-simple-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:#050615;height:auto;}
.article-layout-simple{grid-template-columns:minmax(0,860px) minmax(270px,300px)!important;gap:24px!important;align-items:start;padding-bottom: 24px;}
.article-layout-simple .article-card{padding:0!important;border-radius:30px!important;box-shadow:var(--shadow-soft)!important;background:linear-gradient(180deg,rgba(12,15,41,.90),rgba(8,11,30,.98))!important;}
.article-layout-simple .article-content-inner{padding:34px 38px 38px!important;}
.article-layout-simple .article-content{font-size:16px;line-height:1.75;color:var(--muted);}
.article-layout-simple .article-content h2{margin:42px 0 12px;font-size:clamp(28px,3vw,38px);line-height:1.04;letter-spacing:-.052em;}
.article-layout-simple .article-content h3{font-size:22px;line-height:1.18;}
.article-layout-simple .article-lead{font-size:20px!important;line-height:1.62!important;color:rgba(247,248,255,.90)!important;}
.article-layout-simple .article-summary-box{margin:26px 0;padding:20px;border-radius:22px;border-color:rgba(103,245,110,.18);background:rgba(103,245,110,.07);}
.article-layout-simple .article-summary-box strong{display:block;margin:0 0 8px!important;color:var(--text);font-size:17px!important;}
.article-layout-simple .article-summary-box p{padding:0!important;margin:0!important;color:var(--muted);}
.article-layout-simple .article-steps{gap:10px;margin:20px 0 26px;}
.article-layout-simple .article-step{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);}
.article-layout-simple .article-step span:first-child{width:38px;height:38px;border-radius:13px;font-size:15px;}
.article-layout-simple .article-step strong{font-size:15px;}
.article-layout-simple .article-step em{font-size:13px;}
.article-layout-simple .article-figure{margin:28px 0;padding:10px;border-radius:24px;background:rgba(255,255,255,.035);box-shadow:none;}
.article-layout-simple .article-figure img{border-radius:18px;}
.article-layout-simple .article-figure figcaption{padding:10px 4px 0;font-size:13px;}
.article-layout-simple .article-callout{grid-template-columns:minmax(0,1fr);padding:18px;border-radius:22px;background:rgba(255,212,100,.07);}
.article-layout-simple .article-callout:before{display:none;}
.article-layout-simple .article-table-wrap{border-radius:22px;margin:26px 0;background:rgba(255,255,255,.032);}
.article-layout-simple .article-video-card{margin:28px 0;border-radius:24px;background:rgba(255,255,255,.035);box-shadow:none;}
.article-layout-simple .article-video-stage{background:#050615;}
.article-layout-simple .article-video-stage:before{background:rgba(0,0,0,.22);}
.article-layout-simple .article-video-stage img{opacity:.42;}
.article-layout-simple .article-video-copy{display:none;}
.article-layout-simple .article-play-button{width:68px;height:68px;font-size:27px;box-shadow:0 18px 46px rgba(103,245,110,.24);}
.article-layout-simple .article-video-card figcaption{padding:12px 14px 14px;}
.article-layout-simple .article-cta-box{margin:30px 0 0;padding:20px;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;background:rgba(103,245,110,.07);}
.article-layout-simple .article-primary-btn{min-height:46px;border-radius:15px;}
.article-sidebar-simple{position:sticky;top:156px;display:grid;gap:14px;}
.admin-bar .article-sidebar-simple { top: 186px; }
.article-sidebar-simple .article-toc-card{border-radius:24px;padding:16px;box-shadow:var(--shadow-soft);background:linear-gradient(180deg,rgba(12,15,41,.88),rgba(8,11,30,.98));}
.article-sidebar-simple .article-toc-list a{min-height:38px;border-radius:13px;}
.article-side-help p{margin:0 0 16px 0;color:var(--muted);font-size:14px;line-height:1.55;}
.article-related{padding-top:12px;}
.article-related-grid{gap:14px;}
.article-related-card{box-shadow:var(--shadow-soft);}
@media(max-width:1180px){
  .article-hero-simple{grid-template-columns:1fr;}
  .article-layout-simple{grid-template-columns:1fr!important;}
  .article-sidebar-simple{position:static;grid-template-columns:1fr;}
}
@media(max-width:900px){
  .article-hero-simple{padding:22px;border-radius:28px;}
  .article-sidebar-simple{display:none;}
  .article-layout-simple .article-content-inner{padding:28px!important;}
  .article-layout-simple .article-cta-box{grid-template-columns:1fr;}
  .article-layout-simple .article-table-wrap{overflow-x:auto;}
  .article-layout-simple .article-fix-table{min-width:620px;}
}
@media(max-width:640px){
  .article-page-simple{padding-top:16px;}
  .article-hero-simple{padding:18px;border-radius:26px;gap:18px;}
  .article-hero-simple h1{font-size:clamp(36px,11vw,48px);}
  .article-hero-simple .article-hero-copy{font-size:16px;}
  .article-hero-simple-media{padding:8px;border-radius:22px;}
  .article-hero-simple-media img{border-radius:16px;}
  .article-layout-simple .article-content-inner{padding:22px 20px 26px!important;}
  .article-layout-simple .article-content{font-size:16px;line-height:1.72;}
  .article-layout-simple .article-lead{font-size:18px!important;}
}


/* Article primary button color fix inside rich article content */
.article-content .article-primary-btn,
.article-content .article-primary-btn:visited,
.article-layout-simple .article-content .article-primary-btn,
.article-layout-simple .article-content .article-primary-btn:visited{
  color:#061006!important;
}
.article-content .article-primary-btn:hover,
.article-content .article-primary-btn:focus-visible{
  color:#061006!important;
}


/* Single article blog topics: desktop sidebar, tablet/mobile horizontal bar */
.article-topic-card{display:block;}
.article-topic-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.article-topic-list .blog-category-link{min-height:40px;}
.article-topic-bar{
  display:none;
  margin-top:-6px;
  margin-bottom:22px;
  overflow-x:auto;
  flex-wrap:nowrap!important;
  padding:0 0 6px;
  scrollbar-width:thin;
  scrollbar-color:rgba(103,245,110,.40) rgba(255,255,255,.055);
}
.article-topic-bar::-webkit-scrollbar{height:8px;}
.article-topic-bar::-webkit-scrollbar-track{background:rgba(255,255,255,.055);border-radius:999px;}
.article-topic-bar::-webkit-scrollbar-thumb{background:rgba(103,245,110,.40);border-radius:999px;}
.article-topic-bar .blog-filter-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  white-space:nowrap;
}
.article-topic-card .blog-category-link.is-active,
.article-topic-bar .blog-filter-btn.is-active{
  color:#061006;
  border-color:transparent;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 12px 28px rgba(103,245,110,.18);
}
.article-topic-card .blog-category-link.is-active span:last-child{color:rgba(6,16,6,.72);}
@media(max-width:1180px){
  .article-topic-card{display:none!important;}
  .article-topic-bar{display:flex!important;justify-content:flex-start!important;}
}
@media(max-width:640px){
  .article-topic-bar{margin-bottom:18px;}
  .article-topic-bar .blog-filter-btn{min-height:40px;padding:0 12px;font-size:11px;}
}

.article-content .hidden-heading {height: 0;margin-top: 0;}

.article-content ul,
.article-content ol {
    font-size: 1em;
}
.article-content figure.wp-block-image {
    margin-top: 32px;
}
.article-content figure.wp-block-image img {
    border-radius: 18px;
}
.article-content figcaption {
    font-size: .85em;
}
.article-content ol {
    margin-bottom: 28px;
}
.article-content li a {
    color: var(--muted);
    transition: color .2s ease;
}
.article-content li a:hover {
    color: var(--text);
}
.article-content .has-x-large-font-size {
    line-height: 1.25;
    font-size: 1.5em !important;
}
.article-content .has-x-large-font-size strong {
    font-weight: 850;
}
.blog-page-main.archive-page .blog-section { padding-top: 0; padding-bottom: 24px; }
.article-toc-card.mobile {
  display: block !important;
  margin: 18px;
}