.blog-exact {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: #00102f;
  color: #fff;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  line-height: normal;
}

.blog-exact a { color: #fff; text-decoration: none; }
.blog-exact img { display: block; width: 100%; height: 100%; object-fit: cover; }
.blog-exact button, .blog-exact input, .blog-exact select, .blog-exact textarea { font: inherit; }
.blog-exact ::selection { background: #ef6c00; color: #fff; }
.blog-exact .exact-page-gradient, .blog-exact .exact-page-radial { position: absolute; inset: 0 0 auto; pointer-events: none; z-index: -1; }
.blog-exact .exact-page-gradient { height: 2000px; background: linear-gradient(180deg,#000e2a 0%,#001235 30%,#00102f 100%); }
.blog-exact .exact-page-radial { height: 1600px; background: radial-gradient(120% 60% at 50% 16%,rgba(21,101,192,.12) 0%,rgba(0,16,47,0) 68%); }
.blog-exact .exact-cursor-glow { position: fixed; top: 0; left: 0; width: 1040px; height: 1040px; margin: -520px 0 0 -520px; z-index: 1; pointer-events: none; background: radial-gradient(50% 50% at 50% 50%,rgba(66,165,245,.15) 0%,rgba(30,136,229,.06) 42%,rgba(0,16,47,0) 74%); opacity: 0; transition: opacity 300ms cubic-bezier(.2,0,.2,1); will-change: transform,opacity; }
.blog-exact > section, .blog-exact__list-scope { position: relative; z-index: 2; }

.blog-exact__hero { padding: 130px 80px 70px; display: flex; flex-direction: column; align-items: center; }
.blog-exact__hero h1 { margin: 0; font-size: 108px; line-height: 1.04; font-weight: 400; letter-spacing: -.03em; text-align: center; }
.blog-exact__hero [data-hero-word] { display: block; overflow: hidden; padding-bottom: 8px; }
.blog-exact__hero [data-hero-inner] { display: block; white-space: nowrap; }
.blog-exact__hero strong { font-weight: 500; }
.blog-exact__hero i, .blog-exact__contact h2 i { display: inline-block; width: .14em; height: .14em; background: #ef6c00; margin-left: .12em; }
.blog-exact__hero p { margin: 44px 0 0; max-width: 700px; font-size: 23px; line-height: 1.5; color: rgba(255,255,255,.85); text-align: center; text-wrap: pretty; }

.blog-exact__controls { padding: 80px 80px 0; }
.blog-exact__controls-bar { position: sticky; top: 80px; z-index: 40; margin: 0 -80px; padding: 24px 80px 28px; background: rgba(0,14,42,.88); border-bottom: 1px solid #22315f; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
body.has-blog-exact .blog-exact__controls-bar { box-sizing: content-box; }
.blog-exact__controls-row { display: flex; align-items: center; gap: 24px; }
.blog-exact__search { position: relative; flex: 1 1 auto; display: flex; align-items: center; gap: 14px; height: 56px; padding: 0 18px; background: rgba(255,255,255,.03); border: 1px solid #22315f; transition: border-color 200ms; }
body.has-blog-exact .blog-exact__search { box-sizing: content-box; }
.blog-exact__search > span { font-size: 15px; color: rgba(255,255,255,.45); }
.blog-exact__search input { flex: 1 1 auto; height: 54px; min-width: 0; background: none; border: 0; color: #fff; font-size: 16px; outline: 0; }
.blog-exact__search input::placeholder { color: rgba(255,255,255,.4); }
.blog-exact__search button { display: none; appearance: none; background: none; border: 0; color: rgba(255,255,255,.5); font-size: 16px; cursor: pointer; }
.blog-exact__sort { position: relative; display: flex; align-items: center; height: 56px; padding: 0 18px; background: rgba(255,255,255,.03); border: 1px solid #22315f; }
body.has-blog-exact .blog-exact__sort { box-sizing: content-box; }
.blog-exact__sort select { appearance: none; height: 100%; min-height: 44px; padding-right: 22px; background: none; border: 0; color: #fff; font-size: 15px; cursor: pointer; outline: 0; }
.blog-exact__sort option { background: #000922; color: #fff; }
.blog-exact__sort span { position: absolute; right: 18px; pointer-events: none; font-size: 11px; color: rgba(255,255,255,.5); }
.blog-exact__count-row { display: flex; align-items: baseline; justify-content: space-between; margin-top: 28px; }
.blog-exact__count-row span, .blog-exact__count-row button { font-size: 13px; font-weight: 500; }
.blog-exact__count-row span { color: rgba(255,255,255,.5); }
.blog-exact__count-row button { display: none; appearance: none; background: none; border: 0; color: #ef6c00; cursor: pointer; }

.blog-exact__featured { padding: 70px 80px 0; }
.blog-exact__featured > a { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 64px; align-items: center; transition: transform 220ms cubic-bezier(.2,0,.2,1); }
.blog-exact__featured-image { position: relative; min-width: 0; overflow: hidden; aspect-ratio: 16/10; background: #16204a; border: 1px solid #22315f; }
body.has-blog-exact .blog-exact__featured-image { box-sizing: content-box; }
.blog-exact__featured-copy { min-width: 0; }
.blog-exact__featured-copy small { display: block; font-size: 12px; font-weight: 500; letter-spacing: .06em; color: #ef6c00; }
.blog-exact__featured-copy h2 { margin: 24px 0 0; font-size: 44px; line-height: 1.12; font-weight: 400; letter-spacing: -.022em; }
.blog-exact__featured-copy p { margin: 24px 0 0; max-width: 520px; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.66); text-wrap: pretty; }
.blog-exact__tags { display: flex; align-items: center; gap: 20px; margin-top: 32px; }
.blog-exact__tags span { font-size: 13px; color: rgba(255,255,255,.5); }
.blog-exact__tags i { width: 4px; height: 4px; background: #ef6c00; }
.blog-exact__read { display: inline-flex; align-items: center; gap: 12px; margin-top: 36px; font-size: 14px; font-weight: 500; transition: transform 200ms cubic-bezier(.2,0,.2,1); }

.blog-exact__library { padding: 120px 80px 0; }
.blog-exact__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 40px; }
.blog-exact__card { display: block; min-width: 0; transition: transform 200ms cubic-bezier(.2,0,.2,1); }
.blog-exact__card:hover { transform: translateY(-6px); }
.blog-exact.is-motion-ready .blog-exact__card[data-page-reveal] { opacity:0; transform:translateY(28px); transition:opacity 650ms cubic-bezier(.2,0,.2,1),transform 650ms cubic-bezier(.2,0,.2,1); }
.blog-exact.is-motion-ready .blog-exact__card[data-page-reveal].is-revealed { opacity:1; transform:none; }
.blog-exact.is-motion-ready .blog-exact__card[data-page-reveal].is-revealed:hover { transform:translateY(-6px); }
.blog-exact__card:hover [data-arrow-glyph], .blog-exact__featured > a:hover [data-arrow-glyph] { transform: translateX(8px); }
.blog-exact__card-image { position: relative; min-width: 0; overflow: hidden; aspect-ratio: 16/10; background: #16204a; border: 1px solid #22315f; }
body.has-blog-exact .blog-exact__card-image { box-sizing: content-box; }
.blog-exact__card small { display: block; margin-top: 24px; font-size: 12px; font-weight: 500; color: rgba(255,255,255,.5); }
.blog-exact__card h3 { margin: 14px 0 0; font-size: 22px; line-height: 1.3; font-weight: 400; }
.blog-exact__card p { margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.6); text-wrap: pretty; }
.blog-exact__card > span { display: inline-block; margin-top: 22px; font-size: 18px; transition: transform 200ms cubic-bezier(.2,0,.2,1); }
.blog-exact__empty { display: none; padding: 120px 0; text-align: center; }
.blog-exact__empty p { margin: 0; font-size: 26px; line-height: 1.4; font-weight: 300; }
.blog-exact__empty span { display: block; margin-top: 20px; font-size: 16px; line-height: 1.7; color: rgba(255,255,255,.6); }
.blog-exact__empty button, .blog-exact__more button { appearance: none; background: none; border: 1px solid #8a93b2; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 160ms,border-color 160ms; }
.blog-exact__empty button { margin-top: 36px; padding: 12px 22px; }
.blog-exact__more { display: flex; justify-content: center; margin-top: 96px; }
.blog-exact__more button { padding: 14px 28px; }
.blog-exact__more button:hover, .blog-exact__empty button:hover { background: #ef6c00; border-color: #ef6c00; }

.blog-exact__contact { padding: 220px 80px; text-align: center; }
.blog-exact__contact h2 { margin: 0; font-size: 96px; line-height: 1.02; font-weight: 400; letter-spacing: -.025em; }
.blog-exact__contact h2 i { width: .16em; height: .16em; margin-left: .14em; transform: translateY(-.02em); }
.blog-exact__contact > p { margin: 28px auto 0; max-width: 560px; font-size: 19px; line-height: 1.65; color: rgba(255,255,255,.7); text-wrap: pretty; }
.blog-exact__sent { display: none; margin: 44px auto 0; max-width: 560px; font-size: 16px; font-weight: 500; color: #ef6c00; }
.blog-exact__contact form { max-width: 480px; margin: 44px auto 0; display: flex; flex-direction: column; gap: 22px; text-align: left; }
.blog-exact__contact label { display: flex; flex-direction: column; gap: 8px; }
.blog-exact__contact label > span { font-size: 11px; font-weight: 500; color: rgba(255,255,255,.45); }
.blog-exact__contact input, .blog-exact__contact textarea { padding: 10px 0; background: transparent; border: 0; border-bottom: 1px solid #33437a; color: #fff; font-size: 16px; outline: none; resize: vertical; transition: border-color 200ms; }
.blog-exact__contact input::placeholder, .blog-exact__contact textarea::placeholder { color: rgba(255,255,255,.4); }
.blog-exact__contact form > button { align-self: flex-start; margin-top: 6px; padding: 15px 30px; background: #ef6c00; border: 0; color: #fff; font-family: Arial, sans-serif; font-size: 15px; font-weight: 500; cursor: pointer; transition: background-color 160ms; }
.blog-exact__contact form > button:hover { background: #c45800; }

@media (max-width: 900px) {
  .blog-exact__hero, .blog-exact__controls, .blog-exact__featured, .blog-exact__library, .blog-exact__contact { padding-left: 28px; padding-right: 28px; }
  .blog-exact__hero { padding-top: 104px; }
  .blog-exact__hero h1 { font-size: clamp(54px,13vw,82px); }
  .blog-exact__hero p { font-size: 19px; }
  .blog-exact__controls-bar { margin: 0 -28px; padding-left: 28px; padding-right: 28px; top: 72px; }
  .blog-exact__featured > a { grid-template-columns: 1fr; gap: 40px; }
  .blog-exact__grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 620px) {
  .blog-exact__hero, .blog-exact__controls, .blog-exact__featured, .blog-exact__library, .blog-exact__contact { padding-left: 20px; padding-right: 20px; }
  .blog-exact__hero { padding-top: 88px; padding-bottom: 40px; }
  .blog-exact__hero h1 { font-size: 48px; }
  .blog-exact__hero p { margin-top: 28px; font-size: 17px; }
  .blog-exact__controls { padding-top: 48px; }
  .blog-exact__controls-bar { position: relative; top: auto; margin: 0 -20px; padding: 18px 20px; }
  .blog-exact__controls-row { align-items: stretch; flex-direction: column; gap: 12px; }
  .blog-exact__sort select { width: 100%; }
  .blog-exact__featured { padding-top: 54px; }
  .blog-exact__featured-copy h2 { font-size: 34px; }
  .blog-exact__library { padding-top: 80px; }
  .blog-exact__grid { grid-template-columns: 1fr; gap: 54px; }
  .blog-exact__contact { padding-top: 140px; padding-bottom: 140px; }
  .blog-exact__contact h2 { font-size: 58px; }
}

@media (prefers-reduced-motion: reduce) { .blog-exact *, .blog-exact *::before, .blog-exact *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
