.hero[data-astro-cid-j7pv25f6]{padding:80px 0 64px;overflow:hidden}.hero[data-astro-cid-j7pv25f6] .container[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-content[data-astro-cid-j7pv25f6]{max-width:540px}.hero-label[data-astro-cid-j7pv25f6]{display:inline-block;margin-bottom:24px}.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:24px}.hero-title-italic[data-astro-cid-j7pv25f6]{font-style:italic;color:var(--accent)}.hero-body[data-astro-cid-j7pv25f6]{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;max-width:440px}.hero-actions[data-astro-cid-j7pv25f6]{display:flex;gap:16px;flex-wrap:wrap}.browser-frame[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #1c1a171f,0 4px 12px #1c1a170f;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:transform .35s var(--ease-default)}.browser-frame[data-astro-cid-j7pv25f6]:hover{transform:rotateY(0) rotateX(0)}.browser-bar[data-astro-cid-j7pv25f6]{display:flex;align-items:center;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border-subtle);gap:8px}.browser-dots[data-astro-cid-j7pv25f6]{display:flex;gap:6px}.dot[data-astro-cid-j7pv25f6]{width:10px;height:10px;border-radius:50%}.dot-red[data-astro-cid-j7pv25f6]{background:#ff5f57}.dot-yellow[data-astro-cid-j7pv25f6]{background:#ffbd2e}.dot-green[data-astro-cid-j7pv25f6]{background:#28c840}.browser-url[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);margin-left:8px;display:flex;align-items:center;gap:4px}.url-protocol[data-astro-cid-j7pv25f6]{color:var(--text-muted)}.url-domain[data-astro-cid-j7pv25f6]{color:var(--text-secondary)}.browser-content[data-astro-cid-j7pv25f6]{padding:24px;display:flex;flex-direction:column;gap:16px}.mock-nav[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.mock-brand[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:1rem;font-weight:400;color:var(--text-primary)}.mock-links[data-astro-cid-j7pv25f6]{display:flex;gap:24px}.mock-link[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.mock-section-header[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mock-label[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.mock-action[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.625rem;color:var(--accent)}.mock-rows[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:4px}.mock-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:8px;padding:4px 0}.mock-swatch[data-astro-cid-j7pv25f6]{width:20px;height:20px;border-radius:3px;border:1px solid var(--border);flex-shrink:0}.mock-row[data-astro-cid-j7pv25f6].accent-row .mock-swatch[data-astro-cid-j7pv25f6]{box-shadow:0 0 0 2px var(--accent-bg)}.mock-info[data-astro-cid-j7pv25f6]{flex:1}.mock-name[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-primary)}.mock-value[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted)}.mock-badge[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.5625rem;padding:1px 5px;border-radius:2px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.04em}.accent-badge[data-astro-cid-j7pv25f6]{background:var(--accent-bg);color:var(--accent-dark);border-color:#a0522d33}.mock-preview-header[data-astro-cid-j7pv25f6]{margin:24px 0 8px}.mock-components[data-astro-cid-j7pv25f6]{display:flex;gap:8px;margin-bottom:16px}.mock-btn[data-astro-cid-j7pv25f6]{font-family:var(--font-body);font-size:.75rem;padding:6px 12px;border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.mock-btn-primary[data-astro-cid-j7pv25f6]{background:var(--accent);color:#fff;border-color:var(--accent)}.mock-btn-ghost[data-astro-cid-j7pv25f6]{background:transparent;border-color:transparent;color:var(--text-secondary)}.mock-card[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.mock-card-image[data-astro-cid-j7pv25f6]{height:80px;background:linear-gradient(135deg,var(--accent-bg) 0%,var(--bg) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle)}.mock-card-placeholder[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.mock-card-body[data-astro-cid-j7pv25f6]{padding:16px}.mock-card-title[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:.875rem;color:var(--text-primary);margin-bottom:4px}.mock-card-text[data-astro-cid-j7pv25f6]{font-size:.6875rem;color:var(--text-muted);line-height:1.5;margin-bottom:8px}.mock-card-link[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.5625rem;color:var(--accent)}.problem-section[data-astro-cid-j7pv25f6]{background:var(--bg-alt);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.problem-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.problem-text[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:24px}.problem-text[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--text-secondary);margin-bottom:16px}.problem-text[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]:last-child{margin-bottom:0}.problem-visual[data-astro-cid-j7pv25f6]{display:flex;justify-content:center}.drift-card[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:320px;box-shadow:var(--shadow)}.drift-row[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.drift-row[data-astro-cid-j7pv25f6]:last-of-type{border-bottom:none}.drift-label[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.drift-status[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.6875rem;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.drift-outdated[data-astro-cid-j7pv25f6]{background:#fce8e8;color:var(--error);border:1px solid rgba(161,61,61,.2)}.drift-summary[data-astro-cid-j7pv25f6]{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center}.section-header-centered[data-astro-cid-j7pv25f6]{text-align:center;max-width:640px;margin:0 auto 48px}.section-header-centered[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:16px}.section-header-centered[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin:0 auto}.features-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.feature-card[data-astro-cid-j7pv25f6]{transition:transform .2s var(--ease-default),box-shadow .2s var(--ease-default)}.feature-card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-icon[data-astro-cid-j7pv25f6]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon-colors[data-astro-cid-j7pv25f6]{background:var(--accent-bg);color:var(--accent)}.feature-icon-type[data-astro-cid-j7pv25f6]{background:#e8e0f0;color:#7a5a9a}.feature-icon-space[data-astro-cid-j7pv25f6]{background:#f8f0e8;color:var(--accent-dark)}.feature-icon-motion[data-astro-cid-j7pv25f6]{background:#e0e8f0;color:#3a6a8a}.feature-icon-shadow[data-astro-cid-j7pv25f6]{background:#f0e8e0;color:#8a6a4a}.feature-icon-version[data-astro-cid-j7pv25f6]{background:#e8f0e0;color:#4a7c59}.feature-body[data-astro-cid-j7pv25f6]{padding:0 24px 24px}.feature-title[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:1.125rem;font-weight:400;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.feature-text[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.export-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.export-card[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;transition:border-color .2s var(--ease-default),box-shadow .2s var(--ease-default)}.export-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--accent-light);box-shadow:var(--shadow)}.export-format-name[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:1.125rem;font-weight:400;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.export-format-desc[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.export-format-desc[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background:var(--accent-bg);padding:1px 5px;border-radius:2px}.export-code-block[data-astro-cid-j7pv25f6]{position:relative;margin-bottom:16px}.export-copy-btn[data-astro-cid-j7pv25f6]{position:absolute;top:8px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-family:var(--font-mono);font-size:.625rem;padding:3px 8px;border-radius:2px;cursor:pointer;transition:all .12s var(--ease-default);text-transform:uppercase;letter-spacing:.06em}.export-copy-btn[data-astro-cid-j7pv25f6]:hover{background:#ffffff26;color:#fff}.audience-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:32px}.audience-card[data-astro-cid-j7pv25f6]{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.audience-number[data-astro-cid-j7pv25f6]{font-size:2.5rem;color:var(--border);line-height:1;margin-bottom:24px;font-weight:300}.audience-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.audience-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cta-section[data-astro-cid-j7pv25f6]{background:var(--text-primary);color:var(--bg);text-align:center}.cta-section[data-astro-cid-j7pv25f6] .label[data-astro-cid-j7pv25f6]{color:var(--accent-light)}.cta-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:var(--bg);margin-bottom:16px}.cta-section[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:#f5f3efb3;font-size:1.0625rem;max-width:520px;margin:0 auto 32px;line-height:1.7}.cta-actions[data-astro-cid-j7pv25f6]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section[data-astro-cid-j7pv25f6] .btn-primary[data-astro-cid-j7pv25f6]{background:var(--accent);border-color:var(--accent)}.cta-section[data-astro-cid-j7pv25f6] .btn-primary[data-astro-cid-j7pv25f6]:hover{background:var(--accent-light);border-color:var(--accent-light)}.cta-section[data-astro-cid-j7pv25f6] .btn-ghost[data-astro-cid-j7pv25f6]{color:#f5f3efb3;border-color:#f5f3ef26}.cta-section[data-astro-cid-j7pv25f6] .btn-ghost[data-astro-cid-j7pv25f6]:hover{background:#f5f3ef14;color:var(--bg);border-color:#f5f3ef4d}@media (max-width: 900px){.hero[data-astro-cid-j7pv25f6] .container[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.hero-visual[data-astro-cid-j7pv25f6]{display:none}.problem-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.features-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr}.export-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}@media (max-width: 600px){.features-grid[data-astro-cid-j7pv25f6],.audience-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}