.examples-page:where(.astro-hbbm5icc){min-height:100vh;background:linear-gradient(180deg,#fffdf9f2,#fffefb 42%),radial-gradient(circle at 18% 4%,rgba(255,79,0,.1),transparent 26%),radial-gradient(circle at 86% 18%,rgba(66,190,101,.08),transparent 28%)}.examples-hero:where(.astro-hbbm5icc){max-width:1100px;margin:0 auto;padding:120px 24px 50px}.examples-kicker:where(.astro-hbbm5icc){font-family:var(--s-font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--schift-warm-gray);margin-bottom:20px}.examples-title:where(.astro-hbbm5icc){max-width:880px;font-size:clamp(44px,7vw,82px);line-height:.96;letter-spacing:-.055em;margin:0}.examples-title:where(.astro-hbbm5icc) em:where(.astro-hbbm5icc){color:var(--schift-orange);font-style:normal}.examples-lede:where(.astro-hbbm5icc){max-width:650px;margin-top:28px;color:var(--schift-charcoal);font-size:20px;line-height:1.55}.examples-actions:where(.astro-hbbm5icc){display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.examples-btn:where(.astro-hbbm5icc){display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:5px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none}.examples-btn:where(.astro-hbbm5icc).primary{background:var(--schift-orange);color:var(--schift-white)}.examples-btn:where(.astro-hbbm5icc).secondary{border:1px solid var(--schift-sand);color:var(--schift-charcoal);background:#fffefb99}.examples-grid:where(.astro-hbbm5icc){max-width:1100px;margin:0 auto;padding:10px 24px 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.example-card:where(.astro-hbbm5icc){display:flex;min-height:520px;flex-direction:column;overflow:hidden;border:1px solid var(--schift-sand);border-radius:8px;background:var(--schift-white);text-decoration:none;box-shadow:0 1px 2px #2015150a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.example-card:where(.astro-hbbm5icc):hover{transform:translateY(-3px);border-color:var(--schift-mid-warm);box-shadow:0 18px 44px #20151514}.example-visual:where(.astro-hbbm5icc){position:relative;height:230px;overflow:hidden;border-bottom:1px solid var(--schift-sand);background:#2a151d}.example-visual:where(.astro-hbbm5icc):before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,254,251,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,254,251,.32) 1px,transparent 1px);background-size:30px 30px}.example-visual:where(.astro-hbbm5icc)[data-theme=pii]{background:#4c1d2f}.example-visual:where(.astro-hbbm5icc)[data-theme=graph]{background:#b85b3c}.example-visual:where(.astro-hbbm5icc)[data-theme=memory]{background:#23342c}.example-visual:where(.astro-hbbm5icc)[data-theme=watcher]{background:#4f2434}.example-visual:where(.astro-hbbm5icc)[data-theme=wiki]{background:#26364d}.visual-chip:where(.astro-hbbm5icc){position:absolute;top:18px;left:18px;z-index:2;border-radius:5px;background:#fffefb29;color:#fffefbd1;font-family:var(--s-font-mono);font-size:11px;letter-spacing:.18em;padding:8px 10px;text-transform:uppercase}.visual-file:where(.astro-hbbm5icc){position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#fffefb24;color:#fffefbe6;font-family:var(--s-font-mono);font-size:12px;padding:7px 10px}.dot:where(.astro-hbbm5icc){width:8px;height:8px;border-radius:999px;background:var(--schift-orange)}.dot:where(.astro-hbbm5icc).green{background:var(--schift-green)}.dot:where(.astro-hbbm5icc).yellow{background:var(--schift-yellow)}.flow-lines:where(.astro-hbbm5icc){position:absolute;inset:74px 30px 30px;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px}.flow-node:where(.astro-hbbm5icc){min-height:54px;border:1px solid rgba(255,254,251,.22);border-radius:8px;background:#fffefb1f;color:#fffefbe0;font-family:var(--s-font-mono);font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}.flow-node:where(.astro-hbbm5icc).big{min-height:86px;border-radius:999px;font-size:12px;background:#fffefbe0;color:#2a151d}.example-card:where(.astro-hbbm5icc):hover .flow-node:where(.astro-hbbm5icc).big{transform:scale(1.04)}.example-body:where(.astro-hbbm5icc){display:flex;flex:1;flex-direction:column;padding:24px}.example-status:where(.astro-hbbm5icc){width:fit-content;margin-bottom:16px;border:1px solid rgba(255,79,0,.18);border-radius:4px;background:#ff4f000f;color:#9a360f;font-size:12px;font-weight:600;padding:4px 8px}.example-title:where(.astro-hbbm5icc){margin:0 0 10px;font-size:24px;line-height:1.12}.example-description:where(.astro-hbbm5icc){color:var(--schift-charcoal);font-size:15px;line-height:1.58;margin:0 0 18px}.example-tags:where(.astro-hbbm5icc){display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.example-tag:where(.astro-hbbm5icc){border-radius:4px;background:var(--schift-light-sand);color:var(--schift-charcoal);font-size:12px;font-weight:600;padding:4px 7px}.example-command:where(.astro-hbbm5icc){margin-top:auto;border-top:1px solid var(--schift-light-sand);padding-top:16px;color:var(--schift-warm-gray);font-family:var(--s-font-mono);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.example-delivery:where(.astro-hbbm5icc){display:block;margin-bottom:4px;color:var(--schift-charcoal);font-family:var(--s-font-body);font-size:12px;font-weight:600}.examples-detail:where(.astro-hbbm5icc){border-top:1px solid var(--schift-sand);background:var(--schift-off-white)}.detail-inner:where(.astro-hbbm5icc){max-width:1100px;margin:0 auto;padding:70px 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:46px;align-items:start}.detail-title:where(.astro-hbbm5icc){margin:0;font-size:clamp(34px,4.5vw,56px);line-height:1}.detail-copy:where(.astro-hbbm5icc){margin-top:18px;color:var(--schift-charcoal);font-size:18px;line-height:1.6;max-width:620px}.blog-list:where(.astro-hbbm5icc){border-left:1px solid var(--schift-sand);padding-left:24px}.blog-list:where(.astro-hbbm5icc) h2:where(.astro-hbbm5icc){margin:0 0 16px;font-size:16px;letter-spacing:0;font-family:var(--s-font-mono);text-transform:uppercase;color:var(--schift-warm-gray)}.blog-list:where(.astro-hbbm5icc) ol:where(.astro-hbbm5icc){margin:0;padding-left:20px}.blog-list:where(.astro-hbbm5icc) li:where(.astro-hbbm5icc){color:var(--schift-charcoal);font-size:15px;line-height:1.65;padding:4px 0}@media(max-width:980px){.examples-grid:where(.astro-hbbm5icc){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.examples-hero:where(.astro-hbbm5icc){padding-top:96px}.examples-grid:where(.astro-hbbm5icc),.detail-inner:where(.astro-hbbm5icc){grid-template-columns:1fr}.example-card:where(.astro-hbbm5icc){min-height:auto}.examples-lede:where(.astro-hbbm5icc){font-size:17px}.blog-list:where(.astro-hbbm5icc){border-left:0;padding-left:0;border-top:1px solid var(--schift-sand);padding-top:28px}}@media(prefers-reduced-motion:reduce){.example-card:where(.astro-hbbm5icc),.flow-node:where(.astro-hbbm5icc).big{transition:none}}