:root{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--nav-p: 0;--ink: #0a0a0a;--muted: color-mix(in oklab, var(--ink) 64%, transparent);--paper: #ffffff;--surface: #ffffff;--border: color-mix(in oklab, var(--ink) 12%, transparent);--card-shadow: 0 18px 45px color-mix(in oklab, var(--ink) 22%, transparent);--accent: #22c55e;--title-color: #22c55e;--bubble-them: #e9eaed;--bubble-them-ink: #111;--blob-a: #3b82f6;--blob-b: #06b6d4;--blob-c: #2dd4bf}:root[data-theme=dark]{--ink: #f5f5f5;--title-color: #fbbf24;--muted: color-mix(in oklab, var(--ink) 62%, transparent);--paper: #0d0d10;--surface: #15151b;--border: color-mix(in oklab, var(--ink) 16%, transparent);--card-shadow: 0 18px 55px rgba(0,0,0,.6);--bubble-them: #26262e;--bubble-them-ink: #f0f0f0;--blob-a: #2563eb;--blob-b: #0e7490;--blob-c: #0d9488}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.blob-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;filter:blur(70px);opacity:.5}:root[data-theme=dark] .blob-field{opacity:.42}.blob{position:absolute;width:46vw;height:46vw;border-radius:50%;mix-blend-mode:normal;will-change:transform}.blob.a{background:var(--blob-a);top:-8vw;left:-6vw}.blob.b{background:var(--blob-b);top:32vh;right:-10vw;width:40vw;height:40vw}.blob.c{background:var(--blob-c);bottom:-14vw;left:24vw;width:38vw;height:38vw}#progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;z-index:50;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#6366f1,#a855f7)}#cursor-glow{position:fixed;top:0;left:0;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 26%,transparent),transparent 62%);opacity:0;will-change:transform;mix-blend-mode:normal}.shell{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:12px;z-index:41;width:100%;max-width:calc(720px - var(--nav-p) * 160px);margin:0 auto;display:flex;align-items:center;gap:14px;height:54px;padding:0 calc(var(--nav-p) * 18px);background:color-mix(in oklab,var(--paper) calc(var(--nav-p) * 18%),transparent);backdrop-filter:blur(calc(var(--nav-p) * 8px)) saturate(calc(100% + var(--nav-p) * 45%));-webkit-backdrop-filter:blur(calc(var(--nav-p) * 8px)) saturate(calc(100% + var(--nav-p) * 45%));border-radius:27px;border:1px solid color-mix(in oklab,white calc(var(--nav-p) * 24%),transparent);box-shadow:inset 0 1px 1px rgba(255,255,255,calc(var(--nav-p) * .45)),0 calc(var(--nav-p) * 10px) calc(var(--nav-p) * 30px) rgba(0,0,0,calc(var(--nav-p) * .16))}.topbar .nav-cta{margin-left:auto}.nav-cta{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:var(--ink);flex-shrink:0;opacity:0}.nav-cta svg{width:22px;height:22px;transition:transform .2s ease}.nav-cta:hover svg{transform:scale(1.12) rotate(-8deg)}.brand{font-weight:700;letter-spacing:.02em;font-size:1rem;opacity:0;cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;color:var(--ink);flex-shrink:0}.theme-toggle svg{width:22px;height:22px;transition:transform .2s ease}.theme-toggle:hover svg{transform:scale(1.12) rotate(12deg)}.hero{display:flex;align-items:center;gap:22px;padding:24px 0 18px}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#06b6d4);will-change:transform;box-shadow:0 10px 30px color-mix(in oklab,var(--ink) 25%,transparent)}@media(min-width:768px){.avatar{width:128px;height:128px}}.hero-right{flex:1;min-width:0}.hero-letters{font-weight:800;font-size:clamp(2.6rem,12vw,5rem);line-height:.85;letter-spacing:-.01em;display:flex;flex-wrap:wrap}.hero-letters span{display:inline-block;will-change:transform,opacity;transform-origin:50% 100%}.hero-letters .space{width:.28em}.social-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:calc(100% - var(--nav-p) * 400px);margin:0 auto;padding-block:14px}@media(prefers-reduced-motion:no-preference){.social-row{position:sticky;top:12px;z-index:42}}.social-row a{display:inline-flex;will-change:transform;color:var(--ink)}.social-row svg{width:calc(38px - var(--nav-p) * 14px);height:calc(38px - var(--nav-p) * 14px)}@media(min-width:768px){.social-row svg{width:calc(46px - var(--nav-p) * 20px);height:calc(46px - var(--nav-p) * 20px)}}.divider{height:1px;background:var(--border)}.cta-wrap{display:flex;justify-content:center;padding:26px 0 10px}.cta{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:14px;border:3px solid var(--ink);background:var(--surface);color:var(--ink);font-weight:700;font-size:1rem;cursor:pointer;will-change:transform}.cta svg{width:20px;height:20px}.bubble-row{display:flex;padding:14px 0}.bubble-row.them{justify-content:flex-start}.bubble-row.me{justify-content:flex-end}.bubble{font-family:var(--font-serif);font-size:1.15rem;line-height:1.4;padding:12px 18px;border-radius:20px;max-width:78%;will-change:transform,opacity}.bubble.them{background:var(--bubble-them);color:var(--bubble-them-ink);border-bottom-left-radius:4px}.bubble.me{background:#1d9bf0;color:#fff;border-bottom-right-radius:4px}.bubble .ch{display:inline}.bubble .caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin:30px 0 16px;overflow:hidden}.eyebrow>span{display:inline-block;will-change:transform}.eyebrow-rule{flex:1;height:2px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,color-mix(in oklab,var(--ink) 32%,transparent),transparent)}.card{position:relative;display:flex;gap:18px;align-items:center;padding:20px;border-radius:26px;border:1px solid color-mix(in oklab,var(--ink) 9%,transparent);background:color-mix(in oklab,var(--surface) 68%,transparent);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);margin-bottom:18px;cursor:pointer;will-change:transform;box-shadow:inset 0 1px color-mix(in oklab,white 24%,transparent);transition:border-color .2s ease,box-shadow .2s ease}.card:before{content:"";position:absolute;inset:0;border-radius:26px;padding:2px;z-index:2;background:linear-gradient(120deg,#6366f1,#06b6d4,#a855f7);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .22s ease;pointer-events:none}.card:after{content:"";position:absolute;inset:0;border-radius:26px;z-index:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),color-mix(in oklab,var(--card-accent, #6366f1) 22%,transparent),transparent 62%);opacity:0;transition:opacity .26s ease}.card:hover{box-shadow:inset 0 1px color-mix(in oklab,white 24%,transparent),var(--card-shadow)}.card:hover:before{opacity:1}.card:hover:after{opacity:1}.card-body{flex:1;min-width:0;position:relative;z-index:1}.card-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.5rem;color:var(--title-color)}.card-title svg{width:26px;height:26px;flex-shrink:0;color:var(--ink)}.card-link{font-size:.72rem;color:var(--muted);margin:4px 0 0;word-break:break-all}.card-desc{font-size:1.02rem;color:var(--muted);margin:8px 0 0}.card-thumb{width:120px;height:102px;border-radius:16px;object-fit:cover;flex-shrink:0;position:relative;z-index:1;overflow:hidden;background:color-mix(in oklab,var(--ink) 8%,transparent)}.card-thumb img{width:100%;height:130%;object-fit:cover;will-change:transform}@media(max-width:560px){.card{flex-direction:column;align-items:stretch}.card-thumb{width:100%;height:150px}}footer{position:relative;z-index:2;text-align:center;color:var(--muted);font-size:.8rem;padding:50px 20px 40px}footer .pill{display:inline-block;margin-top:10px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){#cursor-glow,.blob-field{display:none}html{scroll-behavior:auto}}