:root{--brand-primary:#ff764c;--brand-secondary:#f0dbe6;--brand-accent:#aa80ff;--brand-bg:#fbfbfe;--brand-surface:#ffffffb3;--brand-glass-border:#0000000d;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-outer:32px;--radius-inner:16px;--blur-glass:24px;--shadow-depth:0 8px 32px 0 #0000005e;--padding-v:120px;--padding-h:5%;--text-main:#1f1f2e;--text-dim:#5c5c70;--text-secondary:#8f8fa3;--ethereal-lavender:#f0e5fa;--ethereal-mint:#e5faf3;--ethereal-peach:#ffefeb;--ethereal-glass:#ffffff14;--ethereal-border:#ffffff40;--blur-ethereal:40px;--peach:#ff764c;--neon-pink:#ff66b3;--electric-indigo:#aa80ff}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--ethereal-lavender) 0%, var(--ethereal-mint) 50%, var(--ethereal-peach) 100%);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.glass-ethereal{-webkit-backdrop-filter:blur(var(--blur-ethereal)) saturate(150%);border:1px solid var(--ethereal-border);background:#fff6;box-shadow:0 8px 32px #00000008}.gradient-ethereal{background:linear-gradient(135deg, var(--ethereal-lavender), var(--ethereal-mint), var(--ethereal-peach));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1440px;padding:0 var(--padding-h);margin:0 auto}.section-padding{padding:var(--padding-v) 0}.gradient-text{background:linear-gradient(90deg, var(--brand-primary), #ff66b2, var(--brand-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:24px;display:grid}.bento-card{border-radius:var(--radius-outer);cursor:pointer;border:1px solid var(--ethereal-border);-webkit-backdrop-filter:blur(var(--blur-ethereal));backdrop-filter:blur(var(--blur-ethereal));background-position:50%;background-size:cover;position:relative;overflow:hidden}.bento-card.large{grid-area:span 2/span 2}.bento-card.medium{grid-area:span 1/span 2}.bento-card.small{grid-area:span 1/span 1}.bento-overlay{background:linear-gradient(#0000 0%,#0006 100%);flex-direction:column;justify-content:flex-end;padding:40px;transition:background .4s;display:flex;position:absolute;inset:0}.bento-card:hover .bento-overlay{background:linear-gradient(#0000 0%,#0009 100%)}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}}@media (width<=640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}.bento-card.large,.bento-card.medium,.bento-card.small{grid-area:span 1/span 1}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}