/* Polyglotion Blog V9 — isolated from the shared product UI. */
.blog-v9-page{
  min-width:0;
  background:
    radial-gradient(circle at 52% -18%,rgba(87,109,149,.17),transparent 36%),
    radial-gradient(circle at 86% 30%,rgba(45,87,131,.09),transparent 32%),
    linear-gradient(180deg,#0b0f15 0%,#080c12 48%,#070b11 100%);
}
.blog-v9-page:before{
  background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:60px 60px;
  opacity:.32;
}
.blog-v9-page .site-header{
  background:rgba(9,13,19,.82);
  border-color:rgba(255,255,255,.075);
}
.blog-skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000;
  padding:10px 14px;
  border-radius:10px;
  background:#f7f9ff;
  color:#07101e;
  font-weight:850;
  transform:translateY(-160%);
}
.blog-skip-link:focus{transform:none}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.blog-v9-intro{
  padding:48px 0 25px;
  text-align:center;
}
.blog-v9-eyebrow,
.blog-v9-section-label{
  margin:0;
  color:#8f99a9;
  font-size:10px;
  font-weight:760;
  letter-spacing:.32em;
  line-height:1.5;
  text-transform:uppercase;
}
.blog-v9-intro h1{
  margin:16px 0 0;
  font-size:clamp(44px,5.7vw,78px);
  font-weight:570;
  letter-spacing:-.06em;
  line-height:.96;
  background:linear-gradient(100deg,#f9fafc 18%,#cbd2dd 58%,#8793a6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.blog-v9-description{
  max-width:680px;
  margin:17px auto 0;
  color:#929cab;
  font-size:15px;
  line-height:1.7;
}
.blog-v9-feature{
  position:relative;
  padding:0 0 62px;
  overflow:hidden;
}
.blog-v9-stage-wrap{
  position:relative;
  width:min(1760px,100%);
  margin-inline:auto;
}
.blog-v9-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,.43fr) minmax(620px,1.26fr) minmax(210px,.43fr);
  gap:31px;
  align-items:center;
  width:calc(100% + 290px);
  min-height:440px;
  margin-inline:-145px;
  padding:0 24px;
  outline:none;
}
.blog-v9-stage:focus-visible:after{
  content:"";
  position:absolute;
  inset:4px 17.6%;
  z-index:5;
  border:2px solid rgba(151,193,255,.9);
  border-radius:27px;
  pointer-events:none;
}
.blog-v9-feature-card{
  min-width:0;
  opacity:.42;
  transform:scale(.91);
  filter:saturate(.73);
  transition:opacity .4s ease,transform .4s ease,filter .4s ease;
}
.blog-v9-feature-card.is-left{grid-column:1}
.blog-v9-feature-card.is-center{
  grid-column:2;
  position:relative;
  z-index:2;
  opacity:1;
  transform:none;
  filter:none;
}
.blog-v9-feature-card.is-right{grid-column:3}
.blog-v9-card-media{
  position:relative;
  min-height:340px;
  overflow:hidden;
  border:1px solid rgba(208,221,242,.18);
  border-radius:24px;
  background-image:
    linear-gradient(90deg,rgba(3,7,13,.87) 0%,rgba(4,8,14,.48) 48%,rgba(4,8,14,.11) 100%),
    var(--blog-image),
    linear-gradient(135deg,#273747,#172430 42%,#0d1722);
  background-position:center;
  background-size:cover;
  box-shadow:0 28px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.09);
}
.blog-v9-feature-card:not(.is-center) .blog-v9-card-media{
  min-height:314px;
  border-radius:21px;
  background-image:
    linear-gradient(90deg,rgba(3,7,13,.92),rgba(4,8,14,.43)),
    var(--blog-image),
    linear-gradient(135deg,#263541,#15232e 42%,#0d1722);
}
.blog-v9-card-media:after,
.blog-v9-grid-media:after,
.blog-v9-article-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 15%,transparent 79%,rgba(0,0,0,.38));
}
.blog-v9-card-copy{
  position:absolute;
  z-index:1;
  left:40px;
  right:40px;
  bottom:30px;
  max-width:590px;
}
.blog-v9-feature-card:not(.is-center) .blog-v9-card-copy{
  left:24px;
  right:24px;
  bottom:24px;
}
.blog-v9-card-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#aeb8c6;
  font-size:9px;
  font-weight:720;
  letter-spacing:.19em;
  line-height:1.4;
  text-transform:uppercase;
}
.blog-v9-card-copy h3{
  max-width:520px;
  margin:10px 0 0;
  font-size:clamp(30px,3.1vw,48px);
  font-weight:550;
  letter-spacing:-.05em;
  line-height:1.05;
  text-wrap:balance;
}
.blog-v9-feature-card:not(.is-center) h3{
  font-size:28px;
  line-height:1.1;
}
.blog-v9-card-copy p{
  max-width:540px;
  margin:12px 0 0;
  color:#c2c8d2;
  font-size:13px;
  line-height:1.58;
}
.blog-v9-read-link{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-top:18px;
  color:#f5f7fa;
  font-size:12px;
  font-weight:720;
}
.blog-v9-read-icon,
.blog-v9-grid-action{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid rgba(218,230,247,.37);
  border-radius:50%;
  background:rgba(8,13,21,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.blog-v9-read-link:hover .blog-v9-read-icon,
.blog-v9-read-link:focus-visible .blog-v9-read-icon{
  transform:translate(2px,-2px);
  border-color:#b8d4f9;
  background:rgba(55,78,111,.7);
}
.blog-v9-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  display:grid;
  width:46px;
  height:46px;
  padding:0;
  place-items:center;
  border:1px solid rgba(184,202,229,.27);
  border-radius:50%;
  background:rgba(9,14,22,.85);
  box-shadow:0 15px 40px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(17px);
  -webkit-backdrop-filter:blur(17px);
  color:#edf3fb;
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease;
}
.blog-v9-arrow--previous{left:max(18px,calc(50% - 524px))}
.blog-v9-arrow--next{right:max(18px,calc(50% - 524px))}
.blog-v9-arrow svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.blog-v9-arrow:hover{border-color:rgba(197,222,255,.58);background:rgba(25,35,51,.96);transform:translateY(-50%) scale(1.06)}
.blog-v9-arrow:focus-visible,
.blog-v9-filters button:focus-visible,
.blog-v9-grid-card a:focus-visible,
.blog-v9-read-link:focus-visible,
.blog-v9-back:focus-visible{outline:3px solid rgba(128,185,255,.82);outline-offset:4px}
.blog-v9-arrow:disabled{opacity:0;pointer-events:none}
.blog-v9-position{
  display:flex;
  min-height:10px;
  justify-content:center;
  gap:9px;
  margin-top:18px;
}
.blog-v9-position span{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#414955;
  transition:width .25s ease,background .25s ease;
}
.blog-v9-position span.is-active{width:22px;background:#f5f7fa}
.blog-v9-filters{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:34px auto 0;
  padding-inline:18px;
}
.blog-v9-filters button{
  min-width:90px;
  padding:11px 18px;
  border:1px solid rgba(172,192,218,.14);
  border-radius:999px;
  background:rgba(13,18,27,.44);
  color:#8e98a8;
  cursor:pointer;
  font-size:12px;
  font-weight:680;
  transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease;
}
.blog-v9-filters button:hover{color:#e8edf5;border-color:rgba(189,208,234,.3);transform:translateY(-2px)}
.blog-v9-filters button.is-active{
  border-color:rgba(215,226,243,.18);
  background:linear-gradient(145deg,rgba(79,91,112,.52),rgba(30,38,50,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.22);
  color:#f5f7fb;
}
.blog-v9-stage[data-motion="next"] .is-center{animation:blogCardFromRight .45s cubic-bezier(.2,.75,.23,1)}
.blog-v9-stage[data-motion="previous"] .is-center{animation:blogCardFromLeft .45s cubic-bezier(.2,.75,.23,1)}
.blog-v9-stage[data-motion="filter"] .blog-v9-feature-card{animation:blogFilterIn .5s cubic-bezier(.2,.75,.23,1) both}
.blog-v9-stage[data-motion="filter"] .is-left{animation-delay:.06s}
.blog-v9-stage[data-motion="filter"] .is-right{animation-delay:.12s}
@keyframes blogCardFromRight{from{opacity:.25;transform:translateX(46px) scale(.97)}to{opacity:1;transform:none}}
@keyframes blogCardFromLeft{from{opacity:.25;transform:translateX(-46px) scale(.97)}to{opacity:1;transform:none}}
@keyframes blogFilterIn{from{opacity:0;transform:translateY(16px) scale(.96)}}
.blog-v9-library{
  padding:58px 0 110px;
  border-top:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 28%);
}
.blog-v9-library-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:28px;
}
.blog-v9-library-head h2{
  margin:9px 0 0;
  font-size:clamp(32px,4vw,48px);
  font-weight:580;
  letter-spacing:-.052em;
}
.blog-v9-library-head>p{margin:0;color:#7f8998;font-size:12px}
.blog-v9-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.blog-v9-grid-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(187,204,228,.13);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.015));
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.blog-v9-grid-card:hover{
  transform:translateY(-6px);
  border-color:rgba(184,211,246,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.32);
}
.blog-v9-grid-card>a{display:block;height:100%}
.blog-v9-grid-media{
  position:relative;
  height:190px;
  background-image:
    linear-gradient(180deg,rgba(4,8,14,.06),rgba(4,8,14,.28)),
    var(--blog-image),
    linear-gradient(135deg,#2a3b48,#172633 45%,#101a24);
  background-position:center;
  background-size:cover;
}
.blog-v9-grid-copy{position:relative;min-height:219px;padding:20px 62px 24px 21px}
.blog-v9-grid-copy h3{
  margin:10px 0 9px;
  font-size:22px;
  font-weight:590;
  letter-spacing:-.036em;
  line-height:1.12;
}
.blog-v9-grid-copy p{
  margin:0;
  color:#8f99a8;
  font-size:12px;
  line-height:1.6;
}
.blog-v9-grid-action{position:absolute;right:18px;bottom:20px;width:34px;height:34px;font-size:12px}
.blog-v9-grid-card:hover .blog-v9-grid-action{transform:translate(2px,-2px);border-color:#b8d4f9;background:rgba(55,78,111,.7)}

/* Article reading view */
.blog-v9-article-main{padding:50px 0 105px}
.blog-v9-article-shell{width:min(100% - 34px,1120px);margin-inline:auto}
.blog-v9-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:34px;
  color:#9ba6b6;
  font-size:13px;
  font-weight:720;
}
.blog-v9-back:hover{color:#f3f6fa}
.blog-v9-article-head{max-width:880px;margin-inline:auto;text-align:center}
.blog-v9-article-head .blog-v9-card-meta{justify-content:center}
.blog-v9-article-head h1{
  margin:18px 0 17px;
  font-size:clamp(44px,7.2vw,82px);
  font-weight:560;
  letter-spacing:-.067em;
  line-height:.97;
  text-wrap:balance;
}
.blog-v9-article-deck{
  max-width:740px;
  margin:0 auto;
  color:#a8b1bf;
  font-size:18px;
  line-height:1.72;
}
.blog-v9-article-hero-media{
  position:relative;
  min-height:490px;
  margin:45px 0 60px;
  overflow:hidden;
  border:1px solid rgba(203,219,242,.18);
  border-radius:28px;
  background-image:
    linear-gradient(180deg,rgba(5,9,14,.04),rgba(5,9,14,.23)),
    var(--blog-image),
    linear-gradient(135deg,#2c3e4c,#192a36 46%,#101a24);
  background-position:center;
  background-size:cover;
  box-shadow:0 32px 90px rgba(0,0,0,.38);
}
.blog-v9-article-body{width:min(100%,720px);margin-inline:auto}
.blog-v9-article-body .blog-v9-lead{
  margin-top:0;
  color:#d9dee6;
  font-size:21px;
  line-height:1.72;
}
.blog-v9-article-body p,
.blog-v9-article-body li{
  color:#aab3c1;
  font-size:16px;
  line-height:1.84;
}
.blog-v9-article-body p{margin:0 0 23px}
.blog-v9-article-body h2{
  margin:57px 0 18px;
  color:#f2f5f9;
  font-size:31px;
  font-weight:620;
  letter-spacing:-.045em;
  line-height:1.12;
}
.blog-v9-article-body blockquote{
  margin:46px 0;
  padding:6px 0 6px 27px;
  border-left:2px solid #8fb8ec;
  color:#e2e7ef;
  font-size:24px;
  font-weight:530;
  letter-spacing:-.025em;
  line-height:1.48;
}
html[dir="rtl"] .blog-v9-article-body blockquote{padding:6px 27px 6px 0;border-left:0;border-right:2px solid #8fb8ec}
.blog-v9-article-body ul{margin:3px 0 26px;padding-left:22px}
.blog-v9-article-body li{margin:8px 0;padding-left:5px}
.blog-v9-article-end{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  width:min(100%,720px);
  margin:65px auto 0;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.09);
}
.blog-v9-article-end p{margin:0;color:#7f8998;font-size:12px}
.blog-v9-article-end a{font-size:13px;font-weight:780}

@media(max-width:1180px){
  .blog-v9-stage{grid-template-columns:minmax(170px,.32fr) minmax(560px,1.2fr) minmax(170px,.32fr);gap:22px;width:calc(100% + 220px);margin-inline:-110px}
  .blog-v9-arrow--previous{left:18px}.blog-v9-arrow--next{right:18px}
  .blog-v9-stage:focus-visible:after{inset:4px 16%}
}
@media(max-width:900px){
  .blog-v9-intro{padding:37px 0 26px}
  .blog-v9-description{max-width:570px;padding-inline:20px}
  .blog-v9-stage{grid-template-columns:1fr;width:100%;min-height:0;margin:0;padding:0 60px}
  .blog-v9-feature-card:not(.is-center){display:none}
  .blog-v9-feature-card.is-center{grid-column:1}
  .blog-v9-card-media{min-height:390px}
  .blog-v9-stage:focus-visible:after{inset:3px 57px}
  .blog-v9-arrow{width:42px;height:42px}
  .blog-v9-arrow--previous{left:8px}.blog-v9-arrow--next{right:8px}
  .blog-v9-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-v9-grid-media{height:175px}
  .blog-v9-article-hero-media{min-height:420px}
}
@media(max-width:640px){
  .blog-v9-intro{padding:31px 0 22px}
  .blog-v9-eyebrow{padding-inline:18px;font-size:8px;letter-spacing:.22em}
  .blog-v9-description{font-size:13px;line-height:1.58}
  .blog-v9-feature{padding-bottom:46px}
  .blog-v9-stage{padding:0 14px}
  .blog-v9-stage:focus-visible:after{inset:3px 12px}
  .blog-v9-card-media{min-height:430px;border-radius:20px;background-image:linear-gradient(0deg,rgba(3,7,13,.94) 0%,rgba(3,7,13,.45) 52%,rgba(3,7,13,.1) 100%),var(--blog-image),linear-gradient(135deg,#273747,#172430 42%,#0d1722)}
  .blog-v9-card-copy{left:23px;right:23px;bottom:25px}
  .blog-v9-card-copy h3{font-size:34px}
  .blog-v9-card-copy p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .blog-v9-arrow{top:188px;width:40px;height:40px;background:rgba(7,12,19,.86)}
  .blog-v9-arrow--previous{left:26px}.blog-v9-arrow--next{right:26px}
  .blog-v9-position{margin-top:14px}
  .blog-v9-filters{justify-content:flex-start;overflow-x:auto;margin-top:28px;padding:4px 14px 8px;scrollbar-width:none}
  .blog-v9-filters::-webkit-scrollbar{display:none}
  .blog-v9-filters button{flex:0 0 auto;min-width:auto;padding:10px 15px}
  .blog-v9-library{padding:45px 0 76px}
  .blog-v9-library-head{align-items:flex-start}
  .blog-v9-library-head>p{padding-top:23px;white-space:nowrap}
  .blog-v9-grid{grid-template-columns:1fr;gap:14px}
  .blog-v9-grid-media{height:210px}
  .blog-v9-grid-copy{min-height:196px}
  .blog-v9-article-main{padding:34px 0 75px}
  .blog-v9-back{margin-bottom:27px}
  .blog-v9-article-deck{font-size:16px}
  .blog-v9-article-hero-media{min-height:330px;margin:35px 0 42px;border-radius:20px}
  .blog-v9-article-body .blog-v9-lead{font-size:19px}
  .blog-v9-article-body p,.blog-v9-article-body li{font-size:15px;line-height:1.78}
  .blog-v9-article-body h2{margin-top:46px;font-size:27px}
  .blog-v9-article-body blockquote{margin:38px 0;font-size:21px}
  .blog-v9-article-end{align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){
  .blog-v9-card-media{min-height:405px}
  .blog-v9-card-copy h3{font-size:30px}
  .blog-v9-grid-media{height:190px}
}
@media(prefers-reduced-motion:reduce){
  .blog-v9-page *,
  .blog-v9-page *:before,
  .blog-v9-page *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}