@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;700&family=Caveat:wght@500;600;700&display=swap";:root{--cream-50: #fffdf8;--cream-100: #faf6ed;--cream-200: #f5f1e8;--cream-300: #efe9da;--sand-200: #e7e0d2;--sand-300: #d8cfba;--plum-900: #17131f;--plum-800: #1f1b2e;--plum-700: #2d2742;--plum-500: #4a4263;--plum-400: #6a6480;--plum-300: #908aa3;--yellow-500: #ffc23a;--yellow-600: #f5a800;--pink-500: #ff5d8f;--pink-600: #ec3f76;--green-500: #14b07c;--green-600: #0e8f64;--lilac-500: #b06bff;--lilac-600: #9a4ff0;--mint-400: #8fe3cf;--sandclay-400: #d8c79b;--bg: var(--cream-200);--bg-raised: var(--cream-50);--surface-card: #ffffff;--surface-dark: var(--plum-800);--border: var(--sand-200);--border-strong: var(--sand-300);--text-strong: var(--plum-800);--text-body: var(--plum-700);--text-muted: var(--plum-400);--text-on-dark: var(--cream-50);--accent: var(--yellow-500);--accent-pop: var(--pink-500);--accent-go: var(--green-500);--accent-grad-a: var(--pink-500);--accent-grad-b: var(--lilac-500);--accent-grad-c: var(--green-500);--focus-ring: var(--lilac-500);--grad-headline: linear-gradient(92deg, var(--pink-500), var(--lilac-500) 52%, var(--green-500));--grad-clay: linear-gradient(150deg, #ffe9c7 0%, #ffd0e0 50%, #d9e8ff 100%)}:root{--font-display: "Space Grotesk", "Trebuchet MS", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-script: "Caveat", "Segoe Script", cursive;--fs-display: clamp(46px, 7vw, 78px);--fs-h1: clamp(30px, 5vw, 48px);--fs-h2: clamp(26px, 4vw, 40px);--fs-h3: 22px;--fs-title: 18px;--fs-lead: clamp(15px, 1.6vw, 19px);--fs-body: 15px;--fs-sm: 13.5px;--fs-xs: 12px;--fs-eyebrow: 12px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.02;--lh-snug: 1.2;--lh-normal: 1.6;--ls-display: -1.5px;--ls-tight: -1px;--ls-eyebrow: 1.4px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 26px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--width-prose: 620px;--width-content: 980px;--width-hero: 1100px;--gutter: var(--space-6)}:root{--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 32px;--r-pill: 999px;--bw: 1px;--bw-chunky: 2px;--shadow-xs: 0 2px 6px rgba(31, 27, 46, .04);--shadow-sm: 0 4px 12px rgba(31, 27, 46, .06);--shadow-md: 0 10px 22px -6px rgba(31, 27, 46, .18);--shadow-lg: 0 30px 60px -20px rgba(120, 90, 160, .35);--shadow-lift: 0 14px 30px -10px rgba(120, 90, 160, .28);--ring-yellow: 0 0 0 4px rgba(255, 194, 58, .18);--ring-focus: 0 0 0 3px rgba(176, 107, 255, .45);--blur-bar: blur(8px)}:root{--ease-spring: cubic-bezier(.2, .8, .2, 1);--ease-snap: cubic-bezier(.4, 0, .2, 1);--dur-fast: .16s;--dur-base: .2s;--dur-slow: .9s;--dur-intro: 1s;--lift-sm: translateY(-2px);--lift-md: translateY(-3px);--lift-lg: translateY(-5px) rotate(-1deg)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0s;--dur-base: 0s;--dur-slow: 0s;--dur-intro: 0s}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-strong);font-family:var(--font-body);overflow-x:hidden;line-height:var(--lh-normal);--avatar-hero-offset-x: -35px;--avatar-hero-offset-y: -40px;--avatar-hero-scale: 1.25;--avatar-connect-offset-x: -11px}.content{position:relative;z-index:2}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f1e8b8;border-bottom:1px solid rgba(0,0,0,.04)}.logo{font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;gap:10px}.logo a{color:var(--text-strong);text-decoration:none}.logo span{color:var(--accent-pop)}.logo-img{width:34px;height:34px;border-radius:10px}.nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav a.nav-link{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:700;padding:6px 12px;border-radius:var(--r-pill);transition:.2s}.nav a.nav-link:hover{color:var(--text-strong);background:#0000000d;transform:translateY(-2px)}section{max-width:980px;margin:0 auto;padding:50px 26px}.eyebrow{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;padding:5px 13px;border-radius:var(--r-pill);transform:rotate(-1.5deg);margin-bottom:14px}.eyebrow-go{color:#fff;background:var(--accent-go)}.eyebrow-pop{color:#fff;background:var(--accent-pop)}.eyebrow-accent{color:var(--text-strong);background:var(--accent)}.grad{background:var(--grad-headline);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r-pill);font-weight:800;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast);font-family:var(--font-body)}.btn-primary{background:var(--text-strong);color:#fff}.btn-primary:hover{transform:var(--lift-md);box-shadow:var(--shadow-lift)}.btn-ghost{background:var(--surface-card);color:var(--text-strong);border:2px solid var(--border)}.btn-ghost:hover{border-color:var(--text-strong);transform:var(--lift-md)}.btn-sm{padding:8px 16px;font-size:14px}.section-title{font-size:clamp(26px,4vw,40px);font-family:var(--font-display);font-weight:700;margin-bottom:8px;letter-spacing:-1px}.section-title .dot{color:var(--accent-pop)}.lead{color:var(--text-muted);max-width:560px;margin-bottom:24px;font-size:14px}.lead strong{color:var(--text-strong)}.badge{display:inline-flex;align-items:center;background:#14b07c1a;color:var(--accent-go);border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}footer{text-align:center;padding:34px;color:var(--text-muted);font-size:13px;position:relative;z-index:2}footer b{color:var(--text-strong)}#blob{position:fixed;width:22px;height:22px;border-radius:50%;background:var(--accent-pop);opacity:.5;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s}@media (max-width: 720px){.nav .nav-link,#blob{display:none}body{--avatar-hero-offset-x: -28px;--avatar-hero-offset-y: -20px;--avatar-hero-scale: 1.15}}@keyframes clayBob{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(var(--rot, 0deg))}}.hero{max-width:1100px;margin:0 auto;padding:60px 26px 40px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero-text{display:flex;flex-direction:column}.greeting{font-weight:800;font-size:clamp(18px,2.4vw,24px);color:var(--text-strong);margin:0 0 10px}.hero .role{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--ls-display);margin:0 0 18px;background:var(--grad-headline);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}.hero .intro{font-size:var(--fs-lead);color:var(--text-muted);max-width:470px;margin:0 0 26px;line-height:1.55}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.hero-illust{display:flex;align-items:center;justify-content:center}.hero-stage{position:relative;width:min(100%,420px);height:470px;margin:0 auto}.avatar-card{position:absolute;left:0;right:0;bottom:0;height:86%;border-radius:36px;background:radial-gradient(125% 100% at 50% 0%,#fffefb,#f6eedd 58%,#eee2ca);border:1px solid var(--border);box-shadow:0 46px 80px -34px #785aa080,inset 0 2px #ffffffb3}.avatar-img{position:absolute;left:50%;bottom:0;transform:translate(calc(-50% + var(--avatar-hero-offset-x, -25px)),var(--avatar-hero-offset-y, 0px)) scale(var(--avatar-hero-scale, 1));transform-origin:bottom center;height:94%;width:auto;max-width:none;filter:drop-shadow(0 18px 26px rgba(31,27,46,.18))}.avatar-fallback{display:none}.deco{position:absolute;z-index:2;height:auto;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(31,27,46,.22));animation:clayBob 6s ease-in-out infinite;transform:rotate(var(--rot, 0deg))}.deco-tl{width:110px;top:12%;left:-16%;animation-delay:0s;--rot: -14deg}.deco-tr{width:120px;top:8%;right:-16%;animation-delay:.7s;--rot: 18deg}.deco-bl{width:110px;bottom:4%;left:-16%;animation-delay:1.4s;--rot: 12deg}.deco-br{width:100px;bottom:-4%;right:-16%;animation-delay:2.1s;--rot: -12deg}@media (max-width: 860px){.hero-grid{grid-template-columns:1fr;gap:24px;text-align:center}.hero-text{align-items:center}.hero .role{margin-left:auto;margin-right:auto}.cta-row{justify-content:center}.hero-illust{order:-1}.hero-stage{height:320px}.deco-tl{width:60px;left:2%;top:8%}.deco-tr{width:66px;right:2%;top:4%}.deco-bl{width:60px;left:2%;bottom:10%}.deco-br{width:55px;right:2%;bottom:5%}}@media (prefers-reduced-motion: reduce){.deco{animation:none!important}}.stack-section{margin-top:80px}.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:32px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 6px;text-align:center;transition:transform var(--dur-base) var(--ease-spring)}.tech-item img{width:72px;height:72px;filter:drop-shadow(0 12px 14px rgba(31,27,46,.15))}.tech-item span{font-size:13px;font-weight:700;color:var(--text-body);font-family:var(--font-mono)}.tech-item:hover{transform:translateY(-6px) scale(1.06)}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:18px;margin-top:20px}.pet-card{background:var(--surface-card);border:2px solid var(--border);border-radius:var(--r-card);padding:0;display:flex;flex-direction:column;transition:transform var(--dur-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.pet-card:hover{transform:var(--lift-sm) rotate(-1deg);border-color:var(--accent-pop);box-shadow:var(--shadow-lift)}.pet-card .p-illust{height:124px;display:flex;align-items:center;justify-content:center;background:#eee}.pet-card .p-illust img{height:74px;opacity:.85;filter:drop-shadow(0 8px 12px rgba(120,90,160,.2))}.pet-card .p-illust img.real-screenshot{height:100%;width:100%;object-fit:cover;opacity:1;filter:none}.pet-card .p-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.pet-card .p-header{display:flex;align-items:center;gap:8px}.pet-card .ptitle{font-weight:800;font-size:17px;color:var(--text-strong)}.pet-card .pdesc{color:var(--text-muted);font-size:13.5px;line-height:1.55;flex:1;margin:0}.pet-card .ptags{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);width:fit-content;font-family:var(--font-mono)}.pet-card .plink{color:var(--text-strong);font-weight:800;font-size:13.5px;text-decoration:none;align-self:flex-start}.pet-card .plink:hover{text-decoration:underline}.pet-card.brewing{border-style:dashed;opacity:.9}.pet-card .pbadge{background:#1f1b2e0f;color:var(--text-muted);padding:3px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:700}.connect-grid{background:linear-gradient(135deg,var(--surface-card),var(--bg-raised));border:2px solid var(--border);border-radius:24px;padding:48px;display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:center}.connect-avatar{width:200px;height:200px;border-radius:50%;flex:none;align-self:center;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 15%,#fffefb,#f3ead7);border:1px solid var(--border);box-shadow:var(--shadow-lift)}.connect-avatar img{width:100%;height:auto;transform:translate(-11px,15px) scale(1.4);transform-origin:center center}.connect-grid h2{font-family:var(--font-display);font-size:clamp(24px,4vw,38px);font-weight:700;margin:12px 0 10px;letter-spacing:-1px}.connect-grid p{color:var(--text-muted);max-width:600px;margin:0 0 22px;line-height:1.6}.connect-links{display:flex;gap:12px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface-card);border:2px solid var(--border);border-radius:var(--r-pill);padding:9px 16px;text-decoration:none;color:var(--text-strong);font-weight:700;font-size:14px;transition:transform var(--dur-fast),border-color var(--dur-fast)}.social-btn:hover{transform:var(--lift-md);border-color:var(--text-strong)}.social-btn img{width:18px;height:18px}@media (max-width: 860px){.stack-section{margin-top:0}.connect-grid{grid-template-columns:1fr;justify-items:center;text-align:center;padding:36px 20px}.connect-links{justify-content:center}.connect-avatar{width:140px;height:140px}}@media (max-width: 720px){.stack-grid{grid-template-columns:repeat(3,1fr);gap:12px}.tech-item img{width:44px;height:44px}.tech-item span{font-size:11.5px}.social-btn{min-height:44px}}