@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.nav-loading-overlay[data-astro-cid-7p2d43sv]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0e0e0e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .15s ease-out}.nav-loading-overlay[data-astro-cid-7p2d43sv].active{opacity:1;pointer-events:all}.nav-loading-inner[data-astro-cid-7p2d43sv]{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 3rem;background:#201f1fb3;border-radius:1rem;box-shadow:0 24px 48px #00000080}.nav-loading-spinner[data-astro-cid-7p2d43sv]{width:44px;height:44px;border-radius:50%;position:relative;background:conic-gradient(from 0deg,transparent 0%,#00e0b3 60%,#00ffcc 100%);mask:radial-gradient(circle at center,transparent 55%,#000 57%);-webkit-mask:radial-gradient(circle at center,transparent 55%,#000 57%);animation:nav-loading-spin .9s linear infinite;box-shadow:0 0 24px #00e0b359}.nav-loading-label[data-astro-cid-7p2d43sv]{font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#b9cbc2}@keyframes nav-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nav-loading-overlay[data-astro-cid-7p2d43sv]{transition:none}.nav-loading-spinner[data-astro-cid-7p2d43sv]{animation-duration:2s}}:root{color-scheme:dark;--surface: #131313;--surface-container-lowest: #0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-container-highest: #343434;--surface-bright: #393939;--primary: #00e0b3;--primary-fixed: #00ffcc;--primary-fixed-dim: #00e0b3;--primary-container: #00ffcc;--on-primary: #003327;--mint-gradient: linear-gradient(135deg, #00e0b3 0%, #00ffcc 100%);--on-surface: #f4f5f2;--on-surface-variant: #b9cbc2;--on-surface-dim: #8a9790;--outline-variant: #3a4a44;--ghost-border: rgba(58, 74, 68, .15);--font-display: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--max-width: 1280px;--shadow-float: 0px 24px 48px rgba(0, 0, 0, .4)}html.light{color-scheme:light;--surface: #f5f5f2;--surface-container-lowest: #ffffff;--surface-container-low: #ebeae5;--surface-container: #e3e2dc;--surface-container-high: #d9d8d1;--surface-container-highest: #cfcec6;--surface-bright: #ffffff;--on-surface: #131313;--on-surface-variant: #3a4a44;--on-surface-dim: #6a7570;--outline-variant: #9aa8a1;--ghost-border: rgba(58, 74, 68, .12);--on-primary: #ffffff;--primary: #00a884;--primary-fixed-dim: #00a884;--primary-container: #00c9a1;--shadow-float: 0px 18px 36px rgba(19, 19, 19, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease-out}a:hover{color:var(--primary-fixed-dim)}main{padding:0 2rem 6rem}.container{width:100%;max-width:var(--max-width);margin:0 auto}.display-large{font-family:var(--font-display);font-size:clamp(2.5rem,1.5rem + 4vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:.95;margin:0}.page-title{font-family:var(--font-display);font-size:clamp(2.5rem,1.5rem + 4vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:.95;margin:0;color:var(--on-surface)}.headline-medium,section>h2.page-title{font-family:var(--font-display);font-size:clamp(1.5rem,1rem + 1vw,1.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--on-surface)}.page-subtitle{margin:1rem 0 0;color:var(--on-surface-variant);font-size:1rem;max-width:58ch;line-height:1.65}.label{font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.hero{padding:6rem 0 5rem}.hero .eyebrow{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-fixed-dim);margin-bottom:1.5rem}.hero .lead{max-width:52ch;margin:1.5rem 0 0;font-size:1.125rem;color:var(--on-surface-variant);line-height:1.65}.hero .mint-underline{background:var(--mint-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}section{margin-top:6rem}section .section-header{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}section .section-header p{color:var(--on-surface-variant);max-width:42ch;margin:0;font-size:.95rem}.bento{display:grid;gap:1.25rem;grid-template-columns:repeat(6,1fr)}.bento .card{grid-column:span 6}@media(min-width:720px){.bento .card{grid-column:span 3}.bento .card.wide{grid-column:span 4}.bento .card.narrow{grid-column:span 2}.bento .card.full{grid-column:span 6}}@media(min-width:1080px){.bento .card{grid-column:span 2}.bento .card.wide{grid-column:span 4}.bento .card.narrow{grid-column:span 2}}.card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface-container-low);padding:2rem;border-radius:var(--radius-lg);transition:background .2s ease-out,transform .2s ease-out;position:relative;overflow:hidden;min-height:200px}.card:hover{background:var(--surface-container-high);transform:translateY(-2px)}.card:hover .card-arrow{transform:translate(4px);color:var(--primary-fixed-dim)}.card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--on-surface);line-height:1.2}.card p{margin:0;color:var(--on-surface-variant);font-size:.95rem;line-height:1.6;flex:1}.card .card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.card .card-arrow{color:var(--on-surface-dim);font-size:1.25rem;transition:transform .2s ease-out,color .2s ease-out}.tag{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-fixed-dim);padding:0;background:transparent}.tag:before{content:"";display:inline-block;width:6px;height:6px;background:var(--mint-gradient);border-radius:50%;box-shadow:0 0 8px #00e0b380}.card.wide h3{font-size:1.875rem}.card.featured{background:var(--surface-container);min-height:260px}.card.featured:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(0,224,179,.08) 0%,transparent 50%);pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 2rem;position:sticky;top:0;z-index:50;background:#13131399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html.light .topbar{background:#f5f5f2b3}.topbar a{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.01em}.header-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header-links a{font-family:var(--font-body);font-size:.85rem;color:var(--on-surface-variant);padding:.5rem 1rem;border-radius:var(--radius-md);transition:background .2s ease-out,color .2s ease-out}.header-links a:hover{background:#ffffff0d;color:var(--on-surface)}html.light .header-links a:hover{background:#0000000d}.theme-toggle{font-family:var(--font-body);background:transparent;color:var(--on-surface-variant);border:1px solid var(--ghost-border);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}.theme-toggle:hover{background:#ffffff0d;color:var(--on-surface);border-color:#3a4a4459}html.light .theme-toggle:hover{background:#0000000d}footer{padding:4rem 2rem 3rem;color:var(--on-surface-dim)}footer .footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}footer p{margin:0;font-size:.85rem}footer .footer-mark{font-family:var(--font-display);font-weight:700;color:var(--on-surface-variant);letter-spacing:-.01em}.demo-surface{margin-top:2rem;background:var(--surface-container-low);border-radius:var(--radius-lg);padding:2rem}.demo-embed{display:grid;gap:1.5rem}.code-panel{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:1.25rem;color:var(--on-surface);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;overflow:auto;line-height:1.6}.code-label{margin:2rem 0 .75rem;color:var(--on-surface-variant);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}