@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: oklch(97% .012 70);--surface: oklch(99% .006 70);--surface-raised: oklch(100% .003 70);--fg: oklch(22% .03 50);--muted: oklch(50% .02 55);--body-text: oklch(40% .02 50);--border: oklch(91% .012 70);--border-hover: oklch(82% .02 55);--accent: oklch(62% .15 30);--accent-hover: oklch(58% .16 30);--accent-soft: oklch(62% .06 30);--warm: oklch(72% .15 75);--warm-soft: oklch(88% .06 75);--health: oklch(60% .13 145);--health-hover: oklch(55% .14 145);--health-soft: oklch(60% .05 145);--health-text: oklch(42% .1 145);--games: oklch(48% .15 300);--games-hover: oklch(43% .16 300);--games-soft: oklch(48% .05 300);--games-text: oklch(38% .12 300);--pawtner: oklch(68% .17 25);--pawtner-soft: oklch(68% .06 25);--neutral: oklch(24% .004 286);--neutral-soft: oklch(24% .004 286 / .08);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container: 1200px;--section-gap: clamp(80px, 12vw, 140px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 3px oklch(22% .03 50 / .04), 0 1px 2px oklch(22% .03 50 / .03);--shadow-md: 0 4px 12px oklch(22% .03 50 / .06), 0 2px 4px oklch(22% .03 50 / .04);--shadow-lg: 0 12px 32px oklch(22% .03 50 / .08), 0 4px 8px oklch(22% .03 50 / .04)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:var(--surface-raised)}a{color:var(--fg);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.site-nav{position:fixed;top:0;left:0;right:0;height:60px;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in oklch,var(--bg) 88%,transparent);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;display:inline-flex;align-items:baseline;white-space:nowrap}.wordmark-paw{color:var(--warm)}.wordmark-commit{color:var(--fg)}.wordmark-qualifier{color:var(--muted);font-weight:500}.nav-links{display:none;align-items:center;gap:28px}@media(min-width:768px){.nav-links{display:flex}}.nav-link{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);transition:color .15s ease}.nav-link:hover,.nav-link[data-active=true]{color:var(--fg)}.section-label{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--section-accent, var(--accent));margin-bottom:16px}.section-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--fg)}.status-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:4px 12px;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--section-accent, var(--accent)) 14%,transparent);color:var(--section-accent, var(--accent));white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:inset 0 3px 0 0 var(--section-accent, var(--accent)),var(--shadow-lg)}.card:focus-visible{outline:2px solid var(--section-accent, var(--accent));outline-offset:2px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:15px;padding:12px 22px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-primary{background:var(--accent);color:var(--surface-raised);border:none;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-hover);transform:translateY(-1px)}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:clamp(40px,6vw,64px) 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;align-items:start}}.footer-wordmark{font-size:20px}.footer-tagline{font-size:14px;color:var(--muted);margin-top:10px}.footer-heading{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}.footer-link{display:block;font-size:14px;color:var(--body-text);padding:5px 0;transition:color .15s ease}.footer-link:hover{color:var(--accent)}.footer-bottom{margin-top:clamp(32px,5vw,48px);padding-top:24px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}