.hero[data-astro-cid-bbe6dxrz]{padding:var(--pp-space-20) 0 var(--pp-space-16);background:linear-gradient(180deg,var(--pp-bg) 0%,var(--pp-surface) 100%)}.hero-grid[data-astro-cid-bbe6dxrz]{display:grid;grid-template-columns:1fr 1fr;gap:var(--pp-space-12);align-items:center}.eyebrow[data-astro-cid-bbe6dxrz]{display:inline-block;font-size:var(--pp-text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-brand);margin:0 0 var(--pp-space-3)}.lead[data-astro-cid-bbe6dxrz]{font-size:var(--pp-text-lg);color:var(--pp-muted);margin:var(--pp-space-4) 0 var(--pp-space-6);max-width:36rem}.actions[data-astro-cid-bbe6dxrz]{display:flex;flex-wrap:wrap;gap:var(--pp-space-3)}.preview-frame[data-astro-cid-bbe6dxrz]{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-radius-xl);box-shadow:var(--pp-shadow-lg);overflow:hidden}.preview-bar[data-astro-cid-bbe6dxrz]{display:flex;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-4);background:var(--pp-bg-alt);border-bottom:1px solid var(--pp-border);font-size:var(--pp-text-xs);color:var(--pp-muted)}.dot[data-astro-cid-bbe6dxrz]{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-r[data-astro-cid-bbe6dxrz]{background:#ff5f57}.dot-y[data-astro-cid-bbe6dxrz]{background:#ffbd2e}.dot-g[data-astro-cid-bbe6dxrz]{background:#28c941}.preview-url[data-astro-cid-bbe6dxrz]{margin-left:var(--pp-space-3);font-family:var(--pp-font-mono)}.preview-body[data-astro-cid-bbe6dxrz]{position:relative;padding:var(--pp-space-8) var(--pp-space-6) var(--pp-space-12);min-height:240px}.line[data-astro-cid-bbe6dxrz]{height:14px;margin-bottom:var(--pp-space-3);background:var(--pp-bg-alt);border-radius:var(--pp-radius-sm)}.w-60[data-astro-cid-bbe6dxrz]{width:60%}.w-75[data-astro-cid-bbe6dxrz]{width:75%}.w-90[data-astro-cid-bbe6dxrz]{width:90%}.pin[data-astro-cid-bbe6dxrz]{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--pp-brand);border:2px solid #fff;color:#fff;font:600 12px/20px var(--pp-font-sans);text-align:center;box-shadow:0 2px 6px #00000040}.pin-1[data-astro-cid-bbe6dxrz]{top:24px;left:50%}.pin-2[data-astro-cid-bbe6dxrz]{top:84px;right:16%}.callout[data-astro-cid-bbe6dxrz]{position:absolute;bottom:var(--pp-space-4);right:var(--pp-space-4);max-width:240px;background:var(--pp-ink);color:#fff;font-size:var(--pp-text-sm);padding:var(--pp-space-2) var(--pp-space-3);border-radius:var(--pp-radius-md);box-shadow:var(--pp-shadow-md)}@media(max-width:880px){.hero-grid[data-astro-cid-bbe6dxrz]{grid-template-columns:1fr}.preview[data-astro-cid-bbe6dxrz]{order:2}}.section-title[data-astro-cid-vnivfuh2]{text-align:center;margin-bottom:var(--pp-space-10)}.grid[data-astro-cid-vnivfuh2]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pp-space-6)}.card[data-astro-cid-vnivfuh2]{border:1px solid var(--pp-border);border-radius:var(--pp-radius-xl);padding:var(--pp-space-6);background:var(--pp-surface);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.card[data-astro-cid-vnivfuh2]:hover{border-color:var(--pp-brand);box-shadow:var(--pp-shadow-md);transform:translateY(-2px)}.icon[data-astro-cid-vnivfuh2]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--pp-radius-md);background:#e30a1714;margin-bottom:var(--pp-space-3);font-size:var(--pp-text-xl)}.card[data-astro-cid-vnivfuh2] h3[data-astro-cid-vnivfuh2]{margin:0 0 var(--pp-space-2)}@media(max-width:880px){.grid[data-astro-cid-vnivfuh2]{grid-template-columns:1fr}}.section-title[data-astro-cid-p4v4rhjb]{text-align:center;margin-bottom:var(--pp-space-3)}.section-sub[data-astro-cid-p4v4rhjb]{text-align:center;margin:0 auto var(--pp-space-8);max-width:36rem}pre[data-astro-cid-p4v4rhjb]{max-width:720px;margin:0 auto}.cta[data-astro-cid-4xty6sx2]{background:var(--pp-bg-alt);text-align:center}.cta-inner[data-astro-cid-4xty6sx2]{max-width:36rem}.lead[data-astro-cid-4xty6sx2]{font-size:var(--pp-text-lg);margin:var(--pp-space-3) auto var(--pp-space-6)}.btn-lg[data-astro-cid-4xty6sx2]{padding:var(--pp-space-4) var(--pp-space-6);font-size:var(--pp-text-base)}