.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:8px 12px;background:#000;border:1px solid var(--line);border-radius:6px;transition:top .2s}.skip:focus{top:16px}.progress{position:fixed;inset:0 0 auto;z-index:60;height:1px;background:linear-gradient(90deg,transparent,#fff);transform:scaleX(0);transform-origin:0 50%}.js .landing .reveal:not(.in){opacity:0}.js .landing .reveal.in{animation:reveal 1.1s var(--ease) backwards;animation-delay:calc(var(--d, 0s) + var(--i, 0) * 90ms)}@keyframes reveal{0%{opacity:0;transform:translateY(28px);filter:blur(8px)}}.word{overflow:hidden;vertical-align:top;padding:.1em .06em .14em;margin:-.1em -.06em -.14em}.word,.word>span{display:inline-block}.js .landing [data-split] .word>span{transform:translateY(115%);transition:transform 1.1s var(--ease) calc(var(--i) * 45ms)}.js .landing [data-split].in .word>span{transform:none}.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s}.nav.is-scrolled{background:#000000b8;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-color:var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}.nav__links{display:none;gap:32px;font-size:14px}.nav__links a{position:relative;color:var(--bone);transition:color .15s ease-out}.nav__links a:after{content:"";position:absolute;inset:auto 0 -6px;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav__links a.is-active,.nav__links a:hover{color:#fff}.nav__links a.is-active:after,.nav__links a:hover:after{transform:scaleX(1);transform-origin:left}.nav__actions{display:flex;align-items:center;gap:24px;font-size:14px}.nav__login{display:none;color:var(--bone);transition:color .15s}.nav__login:hover{color:#fff}@media (min-width:900px){.nav__links{display:flex}.nav__login{display:inline}}.hero{--mx:72%;--my:45%;min-height:100svh;display:flex;padding:112px 0 96px;overflow:clip}.hero,.hero__grid{position:relative;align-items:center}.hero__grid{display:grid;grid-gap:40px;gap:40px}@media (min-width:960px){.hero__grid{grid-template-columns:1.45fr 1fr}}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.hero__title{color:#fff;font:400 min(72px,calc((100vw - 2 * var(--gutter)) / 10.2))/1.02 var(--serif);letter-spacing:-.01em}@media (min-width:960px){.hero__title{font-size:clamp(44px,5.2vw,68px)}}.hero__title em{color:var(--bone)}.hero__lead{max-width:34rem;color:var(--ash);font-size:18px;line-height:1.6}.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.hero__scene{min-height:300px}.hero__scene,.stage{display:grid;place-items:center}.stage{grid-gap:56px;gap:56px;perspective:1100px}.cube-tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry, 0deg) + var(--sr, 0deg)));transition:transform 1s var(--ease)}.cube{--s:clamp(160px,21vw,250px);--half:calc(var(--s) / 2);position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;animation:spin 30s linear infinite}.face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(30,30,33,.9),rgba(3,3,3,.9));color:var(--charcoal);font:400 calc(var(--s) * .2)/1 var(--mono);transition:transform 1s var(--ease),color .4s,border-color .4s}.face:first-child{transform:translateZ(var(--half))}.face:nth-child(2){transform:rotateY(180deg) translateZ(var(--half))}.face:nth-child(3){transform:rotateY(90deg) translateZ(var(--half))}.face:nth-child(4){transform:rotateY(-90deg) translateZ(var(--half))}.face:nth-child(5){transform:rotateX(90deg) translateZ(var(--half))}.face:nth-child(6){transform:rotateX(-90deg) translateZ(var(--half))}.hero__scene:hover .cube{--half:calc(var(--s) * .8)}.hero__scene:hover .face{color:var(--bone);border-color:rgba(255,255,255,.38)}@keyframes spin{0%{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(1turn)}}.hero__hint{color:var(--charcoal);font:12px/1 var(--mono);transition:color .3s}.hero__scene:hover .hero__hint{color:var(--ash)}.hero__scroll{position:absolute;left:50%;bottom:24px;translate:-50% 0;display:none;flex-direction:column;align-items:center;gap:10px;color:var(--iron);font:11px/1 var(--mono);letter-spacing:.12em}.hero__scroll i{width:1px;height:40px;background:linear-gradient(transparent,#fff);animation:drip 2.2s var(--ease) infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (min-width:960px) and (min-height:720px){.hero__scroll{display:flex}}.section{position:relative;padding-block:clamp(88px,12vw,160px);border-top:1px solid var(--line)}.section__head{max-width:760px;margin-bottom:56px}.split-grid{display:grid;grid-gap:56px;gap:56px;align-items:center}@media (min-width:960px){.split-grid{grid-template-columns:1fr 1.1fr;gap:80px}}.replay{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ash);transition:color .15s,border-color .15s}.replay:hover{color:#fff;border-color:#fff}.replay svg{width:14px;height:14px;transition:transform .6s var(--ease)}.replay:hover svg{transform:rotate(-200deg)}.code--demo{min-height:calc(11.2em + 48px)}.caret{display:inline-block;width:.55em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:var(--bone);animation:blink 1s steps(1) infinite}.code--cmd{color:var(--bone)}.ch{color:#202325;transition:color .25s}.ch.lit{color:inherit}.landing .out__line{transition:opacity .35s,transform .45s var(--ease)}.js .landing .out__line:not(.on){opacity:0;transform:translateX(-8px)}.landing .out__line .dot{--c:var(--amber)}.landing .out__line.ok .dot{--c:var(--green)}.landing .out__line.on:not(.ok) .dot:after{animation:pulse 1s var(--ease) infinite}.out__result b{color:var(--green);font-weight:400}.out__result .v{color:#fff}.verdicts{display:grid;grid-gap:16px;gap:16px}@media (min-width:640px){.verdicts{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.verdicts{grid-template-columns:repeat(3,1fr)}}.verdict{display:flex;flex-direction:column;gap:12px}.verdict:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}.verdict h3{color:#fff;font:500 20px/1.3 var(--display);letter-spacing:-.02em}.verdict p{color:var(--ash);font-size:15px}.verdict__status{display:flex;align-items:center;gap:10px;margin-bottom:8px;font:13px/1 var(--mono)}.verdict__out{margin-top:auto;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--c);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;opacity:.5;transform:translateY(6px);transition:opacity .4s,transform .5s var(--ease),border-color .4s}.verdict:hover .verdict__out{opacity:1;transform:none;border-color:color-mix(in srgb,var(--c) 35%,transparent)}@media (hover:none){.verdict__out{opacity:1;transform:none}}.hscroll{position:relative;border-top:1px solid var(--line)}.hscroll__sticky{padding-block:clamp(88px,12vw,160px)}.hscroll__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}.hscroll__head .h2{max-width:760px}.hscroll__bar,.hscroll__count{display:none}.hscroll__count{flex:none;color:var(--iron);font:14px/1 var(--mono)}.hscroll__count b{color:#fff;font-weight:400}.hscroll__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hscroll__viewport::-webkit-scrollbar{display:none}.hscroll__track{display:flex;gap:16px;width:max-content;padding-inline:max(var(--gutter),calc((100% - 1200px) / 2))}.hscroll__bar{height:1px;margin-top:40px;background:var(--line)}.hscroll__bar span{display:block;height:100%;background:#fff;transform:scaleX(var(--p,0));transform-origin:left}.hscroll.is-pinned .hscroll__sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:64px 0;overflow:hidden}.hscroll.is-pinned .hscroll__viewport{overflow:visible}.hscroll.is-pinned .hscroll__track{will-change:transform}.hscroll.is-pinned .hscroll__bar,.hscroll.is-pinned .hscroll__count{display:block}.module{isolation:isolate;flex:none;display:flex;flex-direction:column;gap:12px;width:min(80vw,340px);min-height:340px;scroll-snap-align:center}.module__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit}.module__bg span{position:absolute;top:64px;right:-.08em;color:#111315;font:400 80px/1 var(--mono);letter-spacing:-.06em;white-space:nowrap;transition:transform 1s var(--ease),color .4s}.module:hover .module__bg span{transform:translateX(-28px);color:#1d2022}.module__top{display:flex;justify-content:space-between;font:13px/1 var(--mono)}.module__top,.state{align-items:center;color:var(--iron)}.state{display:inline-flex;gap:8px;font:12px/1 var(--mono)}.state--open{color:var(--green)}.state--soon{color:var(--amber)}.lock{width:13px;height:13px}.module:hover .lock{animation:shake .55s var(--ease)}.module h3{margin-top:auto;color:#fff;font:400 28px/1.1 var(--display);letter-spacing:-.04em}.module p{color:var(--ash);font-size:15px}.module__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.module__tags li{padding:3px 8px;border:1px solid var(--line);border-radius:6px;color:var(--violet-glow);font:12px/1.5 var(--mono)}.prog{display:grid;grid-gap:16px;gap:16px}@media (min-width:960px){.prog{grid-template-columns:5fr 7fr}}.js .landing .xp:not(.in) .xp__bar span{transform:scaleX(0)}.js .landing .xp.in .xp__bar span{transition:transform 1.8s var(--ease) .3s}.cta{position:relative;overflow:clip;padding-top:clamp(120px,16vw,200px);border-top:1px solid var(--line);text-align:center}.cta__inner{display:flex;flex-direction:column;align-items:center;gap:28px}.cta__inner .lead{margin-top:0}.cta__inner .hero__cta{justify-content:center}.cta__title{color:#fff;font:400 min(96px,calc((100vw - 2 * var(--gutter)) / 8))/1.02 var(--serif);letter-spacing:-.01em}.marquee{display:grid;grid-gap:8px;gap:8px;margin-top:clamp(96px,12vw,160px);padding-bottom:48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.marquee__row{overflow:hidden}.marquee__track{display:flex;width:max-content;color:#24282a;font:400 clamp(28px,4vw,48px)/1.3 var(--mono);letter-spacing:-.03em;animation:marquee 70s linear infinite}.marquee__row--rev .marquee__track{animation-direction:reverse;animation-duration:85s}.marquee__track span{padding-right:.9em;transition:color .3s}.marquee__track span:hover{color:#fff}.marquee__row:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}