.hero[data-astro-cid-oycexyb6]{background:radial-gradient(ellipse 80% 50% at 70% 30%,rgba(68,83,72,.05),transparent 70%),var(--color-paper);padding:140px var(--space-8) 88px;border-bottom:1px solid var(--color-border)}.hero-inner[data-astro-cid-oycexyb6]{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}.text-col[data-astro-cid-oycexyb6]{max-width:520px}.eyebrow[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-4);letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}.headline[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:64px;font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);line-height:1.05;color:var(--color-paper-ink);margin:0 0 24px}.headline-accent[data-astro-cid-oycexyb6]{font-style:italic;color:var(--color-penlog-green);font-weight:var(--weight-regular)}.subhead[data-astro-cid-oycexyb6]{font-family:var(--font-body);font-size:19px;line-height:var(--leading-body);color:var(--color-ink-2);margin:0 0 36px;max-width:480px}.actions[data-astro-cid-oycexyb6]{display:flex;gap:16px;align-items:center;margin-bottom:40px}.btn-primary[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium);color:#fff;background:var(--color-penlog-green);padding:12px 24px;border-radius:var(--radius-md);text-decoration:none;display:inline-block;transition:background var(--duration-fast) var(--ease-out)}.btn-primary[data-astro-cid-oycexyb6]:hover{background:var(--color-penlog-green-light)}.btn-primary[data-astro-cid-oycexyb6]:active{background:var(--color-penlog-green-dark);transform:scale(.98)}.btn-ghost[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-regular);color:var(--color-ink-3);text-decoration:none;border-bottom:1px solid var(--color-border);padding-bottom:1px}.btn-ghost[data-astro-cid-oycexyb6]:hover{color:var(--color-paper-ink)}.hero-meta[data-astro-cid-oycexyb6]{display:flex;align-items:stretch;gap:20px;padding-top:28px;border-top:1px solid var(--color-border);margin:0}.meta-item[data-astro-cid-oycexyb6] dt[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-4);margin-bottom:6px}.meta-item[data-astro-cid-oycexyb6] dd[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium);color:var(--color-paper-ink);margin:0}.meta-divider[data-astro-cid-oycexyb6]{width:1px;background:var(--color-border)}.hero-visual[data-astro-cid-oycexyb6]{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-visual-caption[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-4);letter-spacing:.06em;text-transform:uppercase;margin:0}.hero-visual-caption[data-astro-cid-oycexyb6] .caption-mark[data-astro-cid-oycexyb6]{color:var(--color-penlog-green);margin-right:4px}.ipad[data-astro-cid-oycexyb6]{position:relative;background:linear-gradient(145deg,#1f1f22,#2a2a2e,#1a1a1d);border-radius:28px;padding:14px;box-shadow:0 1px #ffffff0f inset,0 0 0 1px #0006,0 24px 60px -12px #00000059,0 8px 20px -8px #00000040;width:100%;max-width:560px}.ipad--landscape[data-astro-cid-oycexyb6]{aspect-ratio:1024 / 1366}.ipad--compact[data-astro-cid-oycexyb6]{max-width:100%}.ipad-camera[data-astro-cid-oycexyb6]{position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4a4a4f,#0a0a0c 70%);box-shadow:0 0 0 1px #00000080;z-index:2}.ipad-screen[data-astro-cid-oycexyb6]{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;background:var(--color-paper);box-shadow:0 0 0 1px #0006 inset,0 1px 2px #00000040 inset}.ipad-screen[data-astro-cid-oycexyb6] img[data-astro-cid-oycexyb6]{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.handoff[data-astro-cid-oycexyb6]{background:var(--color-bg-2);padding:96px var(--space-8) 104px;border-bottom:1px solid var(--color-border)}.handoff-inner[data-astro-cid-oycexyb6]{max-width:1080px;margin:0 auto}.handoff-header[data-astro-cid-oycexyb6]{text-align:center;margin-bottom:56px}.handoff-header[data-astro-cid-oycexyb6] .overline[data-astro-cid-oycexyb6]{margin:0 0 14px}.handoff-header[data-astro-cid-oycexyb6] .h2[data-astro-cid-oycexyb6]{margin:0}.handoff-grid[data-astro-cid-oycexyb6]{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}.source-figure[data-astro-cid-oycexyb6],.notion-figure[data-astro-cid-oycexyb6]{margin:0;position:relative}.source-figure[data-astro-cid-oycexyb6] figcaption[data-astro-cid-oycexyb6],.notion-figure[data-astro-cid-oycexyb6] figcaption[data-astro-cid-oycexyb6]{display:flex;align-items:baseline;gap:10px;margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink-3);letter-spacing:.04em}.figcap-num[data-astro-cid-oycexyb6]{color:var(--color-penlog-green);font-weight:var(--weight-medium)}.figcap-label[data-astro-cid-oycexyb6]{text-transform:uppercase;letter-spacing:.08em}.destination-stack[data-astro-cid-oycexyb6]{display:flex;flex-direction:column;gap:28px}.notion-figure[data-astro-cid-oycexyb6] img[data-astro-cid-oycexyb6]{width:100%;height:auto;display:block;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 8px 24px -6px #0000001f;background:var(--color-bg)}.connector[data-astro-cid-oycexyb6]{width:140px;color:var(--color-penlog-green);display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.85}.connector[data-astro-cid-oycexyb6] svg[data-astro-cid-oycexyb6]{width:100%;height:auto;display:block}.connector-label[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:10.5px;color:var(--color-ink-4);text-transform:uppercase;letter-spacing:.14em;text-align:center;line-height:1.5}.how[data-astro-cid-oycexyb6]{padding:96px var(--space-8)}.inner[data-astro-cid-oycexyb6]{max-width:1080px;margin:0 auto}.overline[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-4);margin:0 0 16px}.h2[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:42px;font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);line-height:1.18;color:var(--color-paper-ink);margin:0 0 48px}.step-grid[data-astro-cid-oycexyb6]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card[data-astro-cid-oycexyb6]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 1px 3px #0000000f;position:relative}.step-card[data-astro-cid-oycexyb6]:before{content:"";position:absolute;top:0;left:28px;width:32px;height:2px;background:var(--color-penlog-green)}.step-n[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-4);display:block;margin:8px 0 16px}.step-title[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:19px;font-weight:var(--weight-medium);color:var(--color-paper-ink);margin:0 0 10px}.step-body[data-astro-cid-oycexyb6]{font-family:var(--font-body);font-size:15px;color:var(--color-ink-3);line-height:var(--leading-body);margin:0}.diff[data-astro-cid-oycexyb6]{background:var(--color-paper);padding:96px var(--space-8) 104px;border-top:1px solid var(--color-border)}.diff-grid[data-astro-cid-oycexyb6]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:72px;align-items:start}.diff[data-astro-cid-oycexyb6] .h2[data-astro-cid-oycexyb6]{margin-bottom:20px}.lead[data-astro-cid-oycexyb6]{font-family:var(--font-body);font-size:18px;line-height:var(--leading-body);color:var(--color-ink-2);margin:0 0 36px}.bullets[data-astro-cid-oycexyb6]{list-style:none;padding:0;margin:0;display:grid;gap:22px}.bullets[data-astro-cid-oycexyb6] li[data-astro-cid-oycexyb6]{font-family:var(--font-body);font-size:16px;line-height:var(--leading-body);color:var(--color-ink-2);padding-left:28px;position:relative}.bullets[data-astro-cid-oycexyb6] li[data-astro-cid-oycexyb6]:before{content:"→";position:absolute;left:0;top:0;color:var(--color-penlog-green);font-family:var(--font-mono);font-weight:var(--weight-medium)}.bullets[data-astro-cid-oycexyb6] strong[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-weight:var(--weight-medium);color:var(--color-paper-ink)}.and-also[data-astro-cid-oycexyb6]{background:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-penlog-green);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:32px 28px;position:sticky;top:96px}.and-also-label[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:var(--weight-regular);color:var(--color-paper-ink);margin:0 0 14px;line-height:1.25}.and-also-body[data-astro-cid-oycexyb6]{font-family:var(--font-body);font-size:15px;line-height:var(--leading-body);color:var(--color-ink-2);margin:0 0 20px}.and-also-link[data-astro-cid-oycexyb6]{font-family:var(--font-display);font-size:14px;font-weight:var(--weight-medium);color:var(--color-penlog-green);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;display:inline-block}.and-also-link[data-astro-cid-oycexyb6]:hover{color:var(--color-penlog-green-dark)}.made[data-astro-cid-oycexyb6]{font-family:var(--font-mono);font-size:11px;color:var(--color-ink-4);letter-spacing:.06em;text-transform:uppercase;margin:24px 0 0;padding-top:20px;border-top:1px dashed var(--color-border)}@media(max-width:1080px){.hero-inner[data-astro-cid-oycexyb6]{gap:40px}.headline[data-astro-cid-oycexyb6]{font-size:56px}.handoff-grid[data-astro-cid-oycexyb6]{gap:20px}.connector[data-astro-cid-oycexyb6]{width:100px}}@media(max-width:880px){.hero[data-astro-cid-oycexyb6]{padding-top:112px}.hero-inner[data-astro-cid-oycexyb6]{grid-template-columns:1fr;gap:48px}.text-col[data-astro-cid-oycexyb6]{max-width:100%}.headline[data-astro-cid-oycexyb6]{font-size:44px}.hero-meta[data-astro-cid-oycexyb6]{flex-wrap:wrap;gap:16px}.meta-divider[data-astro-cid-oycexyb6]{display:none}.meta-item[data-astro-cid-oycexyb6]{flex:1 1 30%;min-width:100px}.handoff-grid[data-astro-cid-oycexyb6]{grid-template-columns:1fr;gap:32px}.connector[data-astro-cid-oycexyb6]{width:100%;max-width:220px;margin:0 auto;transform:rotate(90deg);transform-origin:center}.connector-label[data-astro-cid-oycexyb6]{transform:rotate(-90deg)}.destination-stack[data-astro-cid-oycexyb6]{gap:20px}.step-grid[data-astro-cid-oycexyb6]{grid-template-columns:1fr}.h2[data-astro-cid-oycexyb6]{font-size:32px}.diff-grid[data-astro-cid-oycexyb6]{grid-template-columns:1fr;gap:40px}.and-also[data-astro-cid-oycexyb6]{position:static;border-left:none;border-top:3px solid var(--color-penlog-green);border-radius:var(--radius-lg)}}