.article-page{margin-top:calc(85/var(--size-unit)*1em)}@media screen and (min-width:768px){.article-page{margin-top:calc(104/var(--size-unit)*1em)}}.article-page__bg{z-index:-1;pointer-events:none;opacity:.2;filter:blur(calc(20 / var(--size-unit) * 1em));background-position:50%;background-size:cover;transition:opacity .3s;position:fixed;inset:0}.article-page__bg--hidden{opacity:0}.article-page__end{height:1px}
.article-page .article-hero{padding:calc(16/var(--size-unit)*1em);margin-top:calc(10/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);gap:calc(32/var(--size-unit)*1em);background:#ffffff26;flex-direction:column;display:flex}:where(.body--light) .article-page .article-hero{background-color:var(--c-bg)}:where(.body--light) .article-page .article-hero .shadow--light{color:#0006}
.article-page .article-image{width:100%;margin-top:calc(8/var(--size-unit)*1em)}.article-page .article-image__content{width:100%;height:100%}.article-page .article-image__content-wrapper{border-radius:calc(12/var(--size-unit)*1em);width:100%;height:auto;overflow:hidden}
.article-page .text-section{margin-top:calc(8/var(--size-unit)*1em);padding:calc(16/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);background:#ffffff26}.article-page .text-section blockquote{padding:calc(16/var(--size-unit)*1em);border-radius:calc(10/var(--size-unit)*1em);background:#6a6a6a5e;font-style:italic}:where(.body--light) .article-page .text-section{background-color:var(--c-bg)}.article-page .text-section__content-wrapper>*+*{margin-top:calc(16/var(--size-unit)*1em)}.article-page .text-section__content-wrapper>br{display:none}.article-page .text-section__content-wrapper h2,.article-page .text-section__content-wrapper h3{margin-top:calc(24/var(--size-unit)*1em)}.article-page .text-section__content-wrapper a{text-underline-offset:calc(3/var(--size-unit)*1em);text-decoration:underline;transition:color .4s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.article-page .text-section__content-wrapper a:hover{color:var(--w-60)}}.article-page .text-section__content-wrapper b,.article-page .text-section__content-wrapper strong{font-weight:700}.article-page .text-section__content-wrapper i,.article-page .text-section__content-wrapper em{font-style:italic}.article-page .text-section__content-wrapper u{text-decoration:underline}.article-page .text-section__content-wrapper ul,.article-page .text-section__content-wrapper ol{padding-left:calc(20/var(--size-unit)*1em)}.article-page .text-section__content-wrapper ul{list-style:outside}.article-page .text-section__content-wrapper ol{list-style:decimal}.article-page .text-section__content-wrapper li+li{margin-top:calc(8/var(--size-unit)*1em)}.article-page .text-section__content-wrapper sub,.article-page .text-section__content-wrapper sup{font-size:.75em;line-height:0}.article-page .text-section__content-wrapper sub{vertical-align:sub}.article-page .text-section__content-wrapper sup{vertical-align:super}.article-page .text-section__content-wrapper img,.article-page .text-section__content-wrapper iframe{border-radius:calc(12/var(--size-unit)*1em);margin-inline:auto;display:block}.article-page .text-section__content-wrapper img{max-width:100%;height:auto}.article-page .text-section__content-wrapper iframe{aspect-ratio:16/9;border:0;width:100%;max-width:100%;height:auto}.article-page .article-referances{margin-top:calc(8/var(--size-unit)*1em)}.article-page .article-referances__title{text-align:center;margin-bottom:calc(16/var(--size-unit)*1em)}.article-page .article-referances__list{align-items:center;gap:calc(16/var(--size-unit)*1em);flex-direction:column;display:flex}@media screen and (min-width:768px){.article-page .article-referances__list .article-link,.article-page .article-referances__list .podcast-link{max-width:calc(540/var(--size-unit)*1em)}}
.article-page .tests-cta{width:100%;max-width:calc(720/var(--size-unit)*1em);margin-inline:auto;position:relative}.article-page .tests-cta .sphere-lines{z-index:1;position:absolute;inset:0}:where(.body--light) .article-page .tests-cta .sphere-lines{mix-blend-mode:multiply}.article-page .tests-cta .sphere-lines{pointer-events:none;width:100%;height:100%;overflow:visible}.article-page .tests-cta .sphere-lines line{stroke:var(--levitation-line);stroke-width:calc(1.5/var(--size-unit)*1em);stroke-dasharray:calc(3/var(--size-unit)*1em) calc(6/var(--size-unit)*1em)}.article-page .tests-cta .sphere-lines line.connect-line{stroke:var(--w-30-full);stroke-width:calc(1/var(--size-unit)*1em);stroke-dasharray:none}.article-page .tests-cta .spheres-wrapper{z-index:10;position:absolute;inset:0;overflow:hidden}.article-page .tests-cta .spheres-wrapper .sphere{-webkit-user-select:none;user-select:none;position:absolute}.article-page .tests-cta .spheres-wrapper .sphere-float{width:fit-content;position:relative}.article-page .tests-cta .spheres-wrapper .sphere-text{max-width:none;padding:calc(13/var(--size-unit)*1em) calc(16/var(--size-unit)*1em);background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));border-radius:calc(11/var(--size-unit)*1em);color:#fff;text-decoration:none;display:block}.article-page .tests-cta .spheres-wrapper .sphere-text span{text-wrap:nowrap;line-height:1}.article-page .tests-cta .spheres-wrapper .sphere button.sphere-text{appearance:none;font:inherit;border:none;margin:0}.article-page .tests-cta .spheres-wrapper .sphere button.sphere-text,.article-page .tests-cta .spheres-wrapper .sphere a.sphere-text,.article-page .tests-cta .spheres-wrapper .sphere[role=button] .sphere-text{cursor:pointer;pointer-events:auto;transition:background .3s}@media (hover:hover){.article-page .tests-cta .spheres-wrapper .sphere button.sphere-text:hover,.article-page .tests-cta .spheres-wrapper .sphere a.sphere-text:hover,.article-page .tests-cta .spheres-wrapper .sphere[role=button] .sphere-text:hover{background:rgb(var(--c-fg-rgb) / .4)}}.article-page .tests-cta .spheres-wrapper .sphere button.sphere-text:focus-visible,.article-page .tests-cta .spheres-wrapper .sphere a.sphere-text:focus-visible,.article-page .tests-cta .spheres-wrapper .sphere[role=button] .sphere-text:focus-visible{outline:calc(2/var(--size-unit)*1em) solid rgb(var(--c-fg-rgb) / .7);outline-offset:calc(4/var(--size-unit)*1em)}.article-page .tests-cta{height:calc(560/var(--size-unit)*1em)}.article-page .tests-cta__title{text-align:center;z-index:5;width:calc(270/var(--size-unit)*1em);padding:calc(6/var(--size-unit)*1em) 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}