@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.css";:root{--bg: #0A0C10;--bg-veil: #070910;--surface: #101319;--surface-2: #151922;--surface-3: #1B202B;--border: #222834;--border-subtle: #1A1F29;--border-strong: #2E3744;--fg: #E8EBF2;--fg-strong: #FFFFFF;--fg-muted: #98A1AF;--fg-subtle: #646C7A;--accent: #34D399;--accent-bright: #6EE7B7;--accent-deep: #0F9D6B;--accent-rgb: 52, 211, 153;--accent-soft: rgba(52, 211, 153, .12);--accent-line: rgba(52, 211, 153, .45);--glow: .35;--glow-bloom: radial-gradient(ellipse 60% 60% at 50% 40%, rgba(var(--accent-rgb), calc(.16 * var(--glow) / .35)), transparent 70%);--live: #34D399;--live-rgb: 52, 211, 153;--indev: #F5B544;--indev-rgb: 245, 181, 68;--soon: #5CC8F5;--soon-rgb: 92, 200, 245;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--s-32: 128px;--font-display: "Hanken Grotesk", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Hanken Grotesk", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-md: 14px;--t-base: 16px;--t-lg: 18px;--t-xl: 20px;--t-2xl: 24px;--t-3xl: 30px;--t-4xl: 38px;--t-5xl: 52px;--t-6xl: 72px;--ease: cubic-bezier(.32, .72, 0, 1);--d-micro: .12s;--d-ui: .18s;--d-page: .28s;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-lg: 0 20px 48px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--t-base);line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:rgba(var(--accent-rgb),.28);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.page{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--s-6)}.hero{position:relative;text-align:center;padding:clamp(72px,12vw,132px) 0 clamp(48px,7vw,80px);overflow:hidden}.hero__bloom{position:absolute;inset:-20% 0 auto;height:520px;background:var(--glow-bloom);pointer-events:none;z-index:0;animation:bloom-drift 18s var(--ease) infinite}@keyframes bloom-drift{0%,to{transform:translateZ(0) scale(1.06);opacity:.78}50%{transform:translate3d(7%,4%,0) scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.hero__bloom{animation:bloom-breathe 6s ease-in-out infinite!important}}@keyframes bloom-breathe{0%,to{opacity:.6}50%{opacity:1}}.hero>*:not(.hero__bloom){position:relative;z-index:1}.mark{width:12px;height:12px;border-radius:var(--r-full);background:var(--accent);margin:0 auto var(--s-6);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),0 0 18px 2px rgba(var(--accent-rgb),calc(.9 * var(--glow))),0 0 40px 6px rgba(var(--accent-rgb),calc(.7 * var(--glow)));animation:breathe 4.5s var(--ease) infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),0 0 16px 2px rgba(var(--accent-rgb),calc(.85 * var(--glow))),0 0 36px 6px rgba(var(--accent-rgb),calc(.6 * var(--glow)))}50%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),.14),0 0 24px 4px rgba(var(--accent-rgb),var(--glow)),0 0 56px 10px rgba(var(--accent-rgb),calc(.8 * var(--glow)))}}.wordmark{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,9vw,76px);letter-spacing:-.045em;line-height:1;color:var(--fg-strong);margin:0}.wordmark .glows{color:var(--accent);text-shadow:0 0 calc(22px * var(--glow) / .35) rgba(var(--accent-rgb),calc(1.6 * var(--glow))),0 0 calc(48px * var(--glow) / .35) rgba(var(--accent-rgb),var(--glow))}.tagline{margin:var(--s-5) auto 0;max-width:30ch;color:var(--fg-muted);font-size:clamp(15px,2.4vw,19px);text-wrap:balance}.grid-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.grid-head h2{margin:0;font-size:var(--t-sm);font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.grid-head .count{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-subtle)}.grid{display:grid;gap:var(--s-5);grid-template-columns:repeat(3,1fr);padding-bottom:var(--s-20)}@media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5);min-height:208px;transition:transform var(--d-ui) var(--ease),border-color var(--d-ui) var(--ease),background var(--d-ui) var(--ease),box-shadow var(--d-ui) var(--ease);opacity:0;transform:translateY(10px);animation:rise var(--d-page) var(--ease) forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}.grid .card:nth-child(1){animation-delay:60ms}.grid .card:nth-child(2){animation-delay:.12s}.grid .card:nth-child(3){animation-delay:.18s}.grid .card:nth-child(4){animation-delay:.24s}.grid .card:nth-child(5){animation-delay:.3s}.card>*{position:relative;z-index:1}.card:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 240px at var(--mx, 50%) var(--my, 50%),rgba(var(--accent-rgb),.18),transparent 62%);opacity:0;transition:opacity var(--d-ui) var(--ease)}.card:hover:after{opacity:1}.card:hover{transform:translateY(-4px);background:var(--surface-2);border-color:var(--accent-line);box-shadow:0 14px 32px #00000073,0 0 0 1px rgba(var(--accent-rgb),.18),0 10px 40px -8px rgba(var(--accent-rgb),calc(.7 * var(--glow)))}.card.is-soon,.card.is-indev{background:var(--surface)}.card.is-soon:hover,.card.is-indev:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.card__title{flex:1 1 auto;min-width:0;margin:0;font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;color:var(--fg-strong);text-wrap:balance}.card__desc{margin:var(--s-3) 0 0;color:var(--fg-muted);font-size:var(--t-md);line-height:1.5}.badge{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:500;letter-spacing:.04em;padding:4px 9px 4px 8px;border-radius:var(--r-full);border:1px solid currentColor;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.badge.live{color:var(--live);background:rgba(var(--live-rgb),.1)}.badge.live .dot{box-shadow:0 0 8px 1px rgba(var(--live-rgb),.9)}.badge.indev{color:var(--indev);background:rgba(var(--indev-rgb),.1)}.badge.soon{color:var(--soon);background:rgba(var(--soon-rgb),.1)}.tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.tag{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--fg-muted);background:var(--surface-3);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:var(--r-xs)}.actions{display:flex;align-items:center;gap:var(--s-4);margin-top:auto;padding-top:var(--s-5)}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-weight:600;font-size:var(--t-sm);padding:8px 15px;border-radius:var(--r-xs);cursor:pointer;border:1px solid transparent;transition:all var(--d-micro) var(--ease)}.btn--primary{background:var(--accent);color:#05221a;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 6px 18px -6px rgba(var(--accent-rgb),calc(1.2 * var(--glow)))}.btn--primary:hover{background:var(--accent-bright);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0) scale(.98);background:var(--accent-deep);color:#fff}.link{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-sm);font-weight:500;color:var(--fg-muted);transition:color var(--d-micro) var(--ease)}.link svg{transition:transform var(--d-micro) var(--ease)}.link:hover{color:var(--accent)}.link:hover svg{transform:translate(2px)}.cue{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:var(--s-5);font-size:var(--t-sm);color:var(--fg-subtle);white-space:nowrap}.cue .pip{width:6px;height:6px;border-radius:var(--r-full)}.cue.indev .pip{background:var(--indev);box-shadow:0 0 8px 1px rgba(var(--indev-rgb),.7);animation:pulse 2.4s var(--ease) infinite}.cue.soon .pip{background:var(--soon)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.footer{margin-top:auto;border-top:1px solid var(--border-subtle);padding:var(--s-8) 0 var(--s-10)}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.footer .copy{color:var(--fg-subtle);font-size:var(--t-sm);display:flex;align-items:center;gap:9px}.footer .copy .mini{width:7px;height:7px;border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 8px 1px rgba(var(--accent-rgb),calc(1.4*var(--glow)))}.footer .gh{display:inline-flex;align-items:center;gap:8px;color:var(--fg-muted);font-size:var(--t-sm);font-weight:500;transition:color var(--d-micro) var(--ease)}.footer .gh:hover{color:var(--accent)}.lang-switch[data-astro-cid-r2b4e7hz]{position:fixed;top:14px;right:16px;z-index:50;display:inline-flex;gap:2px;padding:3px;background:rgba(var(--accent-rgb),.06);border:1px solid var(--border);border-radius:var(--r-full);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:600}.lang-switch[data-astro-cid-r2b4e7hz] a[data-astro-cid-r2b4e7hz]{padding:4px 10px;border-radius:var(--r-full);color:var(--fg-subtle);letter-spacing:.05em;transition:color var(--d-micro) var(--ease),background var(--d-micro) var(--ease)}.lang-switch[data-astro-cid-r2b4e7hz] a[data-astro-cid-r2b4e7hz]:hover{color:var(--fg)}.lang-switch[data-astro-cid-r2b4e7hz] a[data-astro-cid-r2b4e7hz].on{color:#05221a;background:var(--accent)}
