.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework{inset-inline:0;margin:0 auto}.base{width:170px;position:relative;z-index:0}.framework{position:absolute;z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:32px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left;&>div{flex:1 1;padding:32px;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:24px}}.icon{margin-bottom:16px;width:22px;height:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width:1024px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0;.logo{height:18px}a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){margin-top:20px;flex-wrap:wrap;justify-content:center;li{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}a{width:100%;justify-content:center;box-sizing:border-box}}}#spacer{height:88px;border-top:1px solid var(--border);@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%;&:after,&:before{content:"";position:absolute;top:-4.5px;border:5px solid transparent}&:before{left:0;border-left-color:var(--border)}&:after{right:0;border-right-color:var(--border)}}