@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..700;1,9..40,400..700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";.nav[data-astro-cid-hkbrpulz]{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:100;background:#14121099;justify-content:space-between;align-items:center;width:100%;height:3.75rem;padding:0 3rem;display:flex;position:sticky;top:0}.nav-logo[data-astro-cid-hkbrpulz]{align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav-name[data-astro-cid-hkbrpulz]{color:var(--text);font-family:var(--font);letter-spacing:-.01em;font-size:.85rem;font-weight:500}.nav-divider[data-astro-cid-hkbrpulz]{display:none}.nav-links[data-astro-cid-hkbrpulz]{gap:2rem;display:flex}.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{color:var(--text-muted);letter-spacing:.02em;transition:color var(--transition);font-size:.8rem;font-weight:500;text-decoration:none}.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover{color:var(--text)}.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz].active{color:var(--accent)}.footer[data-astro-cid-hkbrpulz]{border-top:1px solid var(--border);margin-top:4rem;padding:2rem 0}.footer-inner[data-astro-cid-hkbrpulz]{justify-content:space-between;align-items:center;display:flex}.footer-links[data-astro-cid-hkbrpulz]{gap:1.25rem;display:flex}.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{color:var(--text-muted);transition:color var(--transition);font-size:.875rem;text-decoration:none}.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover{color:var(--text)}.skip-to-content[data-astro-cid-hkbrpulz]{left:1rem}@media (width<=768px){.nav[data-astro-cid-hkbrpulz]{height:3.5rem;padding:0 1.5rem}.nav-name[data-astro-cid-hkbrpulz]{display:none}.nav-links[data-astro-cid-hkbrpulz]{gap:1rem}.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{font-size:.8125rem}.footer-inner[data-astro-cid-hkbrpulz]{flex-direction:column;gap:.75rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#141210;--bg-card:#252118;--text:#f3f1ed;--text-muted:#7d7366;--text-subtle:#b8b0a2;--accent:#10b981;--accent-hover:#059669;--accent-glow:#10b9811f;--gradient-start:#141210;--gradient-end:#0d0b09;--border:#b8b0a214;--border-hover:#b8b0a226;--shadow:0 1px 3px #25211866, 0 1px 2px #2521184d;--shadow-lg:0 10px 40px #25211880, 0 2px 8px #25211866;--radius:10px;--radius-sm:6px;--font-display:"Space Grotesk", system-ui, sans-serif;--font:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-width:960px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}html{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;line-height:1.6}body{background:var(--bg);min-height:100vh}.bg-texture{z-index:-1;pointer-events:none;background:linear-gradient(160deg,#141210 0%,#252118 30%,#1c1914 60%,#0d0b09 100%);position:fixed;inset:0}.bg-texture:before{content:"";background-image:radial-gradient(circle,#ffffff12 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{font-size:1.25rem}p{color:var(--text-muted)}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}code{font-family:var(--font-mono);background:var(--border);border-radius:4px;padding:.15em .4em;font-size:.875em}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.btn{border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff;box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);background:#b8b0a208;padding:1.5rem}.card:hover{border-color:var(--border-hover);background:#b8b0a20d;transform:translateY(-2px)}.badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);letter-spacing:.02em;text-transform:uppercase;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-accent{color:var(--accent)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.16,1,.3,1) both fade-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.hero-sub{max-width:55ch;margin-top:1rem;font-size:1.125rem;line-height:1.7}.back-link{color:var(--text-subtle);transition:color var(--transition);margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent)}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.section-sub{color:var(--text-muted);max-width:50ch;margin-top:.5rem;font-size:1.0625rem}.hero-stats{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.hero-stats .stat{flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--accent);font-size:1.5rem;font-weight:700;line-height:1}.hero-stats .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.75rem}.stat-divider{background:var(--border);width:1px;height:2rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.feature h3{font-size:1rem}.feature p{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.tech-item{border:1px solid var(--border);color:var(--text-muted);border-radius:100px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.requirements{color:var(--text-muted);font-size:.875rem}.cta-box{text-align:center;border:1px solid var(--border);padding:3rem 2rem}.cta-box p{max-width:50ch;margin-left:auto;margin-right:auto}.cta-links{font-size:.875rem}.cta-links a{color:var(--text-muted);transition:color var(--transition);text-decoration:none}.cta-links a:hover{color:var(--accent)}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.step{padding-top:2.5rem;position:relative}.step-number{color:var(--border);font-size:2rem;font-weight:700;line-height:1;position:absolute;top:1.25rem;right:1.25rem}.step h3{font-size:1.0625rem}.step p{margin-top:.375rem;font-size:.9375rem}.category-pills{flex-wrap:wrap;gap:.5rem;display:flex}.cat-pill{border:1px solid var(--border);color:var(--text-muted);border-radius:100px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.cat-count{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:100px;padding:.1rem .4rem;font-size:.6875rem;font-weight:600}.stats{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:3rem;padding:2rem 0;display:flex}.stats .stat{text-align:center}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700;display:block}.stats .stat-label{color:var(--text-subtle);margin-top:.125rem;font-size:.8125rem;display:block}.showcase-img{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);width:100%;overflow:hidden}.showcase-img img{width:100%;height:auto;display:block}.skip-to-content{background:var(--accent);color:#fff;border-radius:var(--radius-sm);z-index:200;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-to-content:focus{color:#fff;top:.5rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.hero-stats{gap:.75rem}.stat-number{font-size:1.25rem}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}}@media (width<=768px){.feature-grid,.steps{grid-template-columns:1fr}.section{padding:3rem 0}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}