.counter{background:var(--accent-bg);border:2px solid transparent;border-radius:5px;color:var(--accent);font-size:16px;margin-bottom:24px;padding:5px 10px;transition:border-color .3s;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{position:relative;width:170px;z-index:0}.framework,.vite{position:absolute}.framework{height:28px;top:34px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4);z-index:1}.vite{height:26px;top:107px;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8);width:auto;z-index:0}}#center{display:flex;flex-direction:column;flex-grow:1;gap:25px;place-content:center;place-items:center;@media (max-width:1024px){gap:18px;padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:32px}}#next-steps{border-top:1px solid var(--border);display:flex;text-align:left;&>div{flex:1 1 0;padding:32px;@media (max-width:1024px){padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:24px}}.icon{height:22px;margin-bottom:16px;width:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{@media (max-width:1024px){border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px}}#next-steps ul{display:flex;gap:8px;list-style:none;margin:32px 0 0;padding:0;.logo{height:18px}a{align-items:center;background:var(--social-bg);border-radius:6px;color:var(--text-h);display:flex;font-size:16px;gap:8px;padding:6px 12px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){flex-wrap:wrap;justify-content:center;margin-top:20px;li{flex:1 1 calc(50% - 8px)}a{box-sizing:border-box;justify-content:center;width:100%}}}#spacer{border-top:1px solid var(--border);height:88px;@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%}.site-header__cta{align-items:center;display:inline-flex;gap:.5rem}[data-staggering-animation]{color:inherit;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:clip}[data-split=heading] .mask{display:inline-block;overflow:hidden;vertical-align:top}[data-split=heading] .line{display:block}[data-split=heading] .shift{display:inline-block;will-change:transform}[data-split=heading] .line>.shift{display:block}.page-transition-overlay{background:#000a2c;height:100%;inset:0;left:-25%;pointer-events:none;position:fixed;transform:scaleX(0) skewX(-40deg);transform-origin:left center;width:150%;z-index:9999999}@keyframes page-transition-cover{0%{transform:scaleX(0) skewX(-40deg);transform-origin:left center}to{transform:scaleX(1) skewX(0deg);transform-origin:left center}}.page-transition-overlay.is-covering{animation:page-transition-cover .6s cubic-bezier(.77,0,.175,1) forwards;pointer-events:auto}.page-transition-overlay.is-covered{pointer-events:auto;transform:scaleX(1) skewX(0deg);transform-origin:left center}@keyframes page-transition-uncover{0%{transform:scaleX(1) skewX(0deg);transform-origin:right center}to{transform:scaleX(0) skewX(40deg);transform-origin:right center}}.page-transition-overlay.is-uncovering{animation:page-transition-uncover .6s cubic-bezier(.77,0,.175,1) forwards}