.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,.vite{inset-inline:0;margin:0 auto}.base{width:170px;position:relative;z-index:0}.framework,.vite{position:absolute}.framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}}#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)}}:root{--accent:#c1ff72;--accent-dark:#a8e65c;--dark:#191919;--dark-muted:#2a2a2a;--white:#ffffff;--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-700:#44403c;--stone-800:#292524;--stone-900:#1c1917;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.07),0 2px 4px -2px rgb(0 0 0/0.07);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.08),0 4px 6px -4px rgb(0 0 0/0.08);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--white);color:var(--stone-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.05;letter-spacing:-.04em;color:var(--stone-900)}h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:800}h2{font-size:clamp(2.25rem,5vw,3.75rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--stone-500)}a{text-decoration:none;color:inherit;transition:color .15s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 32px}}@media (min-width:1024px){.container{padding:0 48px}}.section{padding:96px 0}@media (min-width:768px){.section{padding:128px 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:80px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.btn,.navbar{transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--radius-lg);white-space:nowrap}.btn-dark{background:var(--dark);color:var(--accent)}.btn-dark:hover{background:var(--dark-muted);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--accent);color:var(--dark)}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--stone-500);padding:8px 16px}.btn-ghost:hover{color:var(--stone-900)}.btn-pill{border-radius:var(--radius-full)}.btn-lg{font-size:16px;padding:14px 32px}.card{background:#FBFBFB;border:1px solid #f0efee;border-radius:var(--radius-2xl);padding:40px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-dark{background:var(--stone-900);color:var(--white);border-color:var(--stone-800)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--stone-600)}.grid-pattern{background-image:linear-gradient(to right,var(--stone-200) 1px,transparent 1px),linear-gradient(to bottom,var(--stone-200) 1px,transparent 1px);background-size:60px 60px;background-position:50%}.reveal{transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}html.js .reveal{opacity:0;transform:translateY(24px)}.reveal.visible,html.js .reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:center;min-height:420px}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;min-height:480px}}.hero-heading{font-size:clamp(2rem,3.8vw,3.2rem)!important;font-weight:800;letter-spacing:-.04em;line-height:1.08!important}.hero-input-btn{height:52px;padding:0 28px;font-size:15px;display:inline-flex;align-items:center;gap:8px}.aio-layout{grid-template-columns:1fr!important}@media (min-width:768px){.aio-layout{grid-template-columns:1fr 1.1fr!important}}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}.floating-cta{position:fixed;bottom:24px;right:24px;z-index:90;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-cta--visible{opacity:1;transform:translateY(0);pointer-events:auto}.floating-cta__btn{text-decoration:none;box-shadow:0 8px 32px -4px rgba(168,230,92,.4),var(--shadow-xl);font-size:14px!important;padding:12px 24px!important}@media (min-width:769px){.floating-cta{bottom:auto;top:100px;right:24px}}@media (max-width:768px){.floating-cta{bottom:20px;right:50%;transform:translateX(50%) translateY(20px)}.floating-cta--visible{transform:translateX(50%) translateY(0)}}