@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito+Sans:wght@700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--color-bg:#ffffff;--color-bg-alt:#f8f9fa;--color-text:#1a1a1a;--color-text-muted:#666666;--color-primary:#ea580c;--color-primary-light:#f97316;--color-primary-dark:#c2410c;--color-primary-alpha:rgba(234,88,12,0.1);--color-border:#e5e7eb;--color-danger:#ef4444;--color-heading:#111827;--color-nav-bg:rgba(255,255,255,0.95);--color-glass-bg:rgba(255,255,255,0.7);--color-dropdown-bg:rgba(255,255,255,0.95);--color-hero-overlay:linear-gradient(90deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.6));--color-hero-overlay-alt:linear-gradient(90deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.8));--color-hero-overlay-diag:linear-gradient(45deg,rgba(255,255,255,0.8),transparent);--color-border-subtle:rgba(0,0,0,0.05);--color-input-bg:#ffffff;--color-input-text:#1a1a1a;--color-input-border:#d1d5db;--color-input-placeholder:#9ca3af;--font-sans:"Inter",sans-serif;--font-serif:"Playfair Display",serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-glow:0 0 15px rgba(234,88,12,0.3);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-alt:#121212;--color-text:#f5f5f5;--color-text-muted:#a0a0a0;--color-border:#2a2a2a;--color-heading:#ffffff;--color-nav-bg:rgba(10,10,10,0.95);--color-glass-bg:rgba(18,18,18,0.6);--color-dropdown-bg:rgba(10,10,10,0.95);--color-hero-overlay:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(10,10,10,0.5));--color-hero-overlay-alt:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(10,10,10,0.8));--color-hero-overlay-diag:linear-gradient(45deg,rgba(10,10,10,0.8),transparent);--color-border-subtle:rgba(255,255,255,0.05);--color-input-bg:#1c1c1c;--color-input-text:#ffffff;--color-input-border:rgba(212,175,55,0.35);--color-input-placeholder:#8a8a8a}.site-logo{background-color:transparent;border-radius:var(--radius-sm);padding:4px;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.site-logo:hover{background-color:#ffffff;box-shadow:var(--shadow-md)}[data-theme=dark] .site-logo{background-color:rgba(255,255,255,.85)}[data-theme=dark] .site-logo:hover{background-color:#ffffff}.vs-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);will-change:transform}.vs-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 45px -12px var(--card-glow,rgba(234,88,12,.35));border-color:var(--card-accent,var(--color-primary))}.reveal-init{opacity:0;transform:translateY(28px)}.reveal-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}@media (prefers-reduced-motion:reduce){.reveal-init{opacity:1;transform:none}.reveal-in{transition:none}}select option{background-color:var(--color-input-bg);color:var(--color-input-text)}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.2;color:var(--color-heading)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-slide-up{opacity:0;animation:slideUp .8s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.bg-alt{background-color:var(--color-bg-alt)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);transition:all var(--transition-normal);cursor:pointer;border:1px solid transparent;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn-primary{background-color:var(--color-primary);color:#ffffff;font-weight:600}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-glow);color:#ffffff}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary-alpha);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.section{padding:var(--spacing-xl) 0}.glass-panel{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.glass-panel,.hover-scale{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-scale:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.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)}}