.hero[data-astro-cid-j7pv25f6]{padding:calc(72px + var(--space-16)) 0 var(--space-16);min-height:90vh;display:flex;align-items:center}.hero-content[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-text[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:3.5rem;line-height:1.1;margin-bottom:var(--space-6)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1.25rem;color:var(--color-neutral-300);margin-bottom:var(--space-8);line-height:1.6}.hero-cta[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-cta[data-astro-cid-j7pv25f6] .btn[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:20px;height:20px}.browser-frame[data-astro-cid-j7pv25f6]{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.browser-header[data-astro-cid-j7pv25f6]{background:var(--color-neutral-100);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.browser-dots[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-2)}.browser-dots[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{width:12px;height:12px;border-radius:50%;background:var(--color-neutral-300)}.browser-dots[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:first-child{background:#ff5f57}.browser-dots[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(2){background:#febc2e}.browser-dots[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:last-child{background:#28c840}.browser-url[data-astro-cid-j7pv25f6]{flex:1;background:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-neutral-600);text-align:center}.browser-content[data-astro-cid-j7pv25f6]{padding:var(--space-8)}.edit-demo[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-6)}.edit-element[data-astro-cid-j7pv25f6]{position:relative}.edit-element[data-astro-cid-j7pv25f6]:before{content:attr(data-label);position:absolute;top:-8px;right:-8px;background:var(--color-primary);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.edit-highlight[data-astro-cid-j7pv25f6]{display:inline-block;padding:var(--space-2) var(--space-3);border:2px dashed var(--color-primary);border-radius:var(--radius-md);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-neutral-800);background:var(--color-accent-light);background:linear-gradient(135deg,#d938311a,#ff6b631a)}.edit-highlight[data-astro-cid-j7pv25f6].link{font-size:1rem;color:var(--color-primary)}.placeholder-image[data-astro-cid-j7pv25f6]{width:100%;height:120px;background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);border:2px dashed var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400)}.placeholder-image[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:48px;height:48px}.benefits[data-astro-cid-j7pv25f6]{padding-top:var(--space-24)}.section-subtitle[data-astro-cid-j7pv25f6]{max-width:600px;margin:var(--space-4) auto var(--space-12)}.benefits-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-8)}.benefit-card[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--space-8)}.benefit-icon[data-astro-cid-j7pv25f6]{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.benefit-icon[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:32px;height:32px}.benefit-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.25rem;margin-bottom:var(--space-3)}.benefit-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-neutral-600);font-size:1rem}.code-content[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.code-text[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-4)}.code-text[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-6)}.feature-list[data-astro-cid-j7pv25f6]{list-style:none;margin-bottom:var(--space-6)}.feature-list[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-neutral-700)}.feature-list[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.code-text[data-astro-cid-j7pv25f6] .btn[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:18px;height:18px}.code-block[data-astro-cid-j7pv25f6]{background:var(--color-neutral-900);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden}.code-block[data-astro-cid-j7pv25f6] pre[data-astro-cid-j7pv25f6]{margin:0;padding:0;background:transparent}.comparison-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:900px;margin:0 auto}.comparison-card[data-astro-cid-j7pv25f6]{padding:var(--space-8);border-radius:var(--radius-xl);background:#fff;border:2px solid var(--color-neutral-200)}.comparison-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.25rem;margin-bottom:var(--space-6);text-align:center}.comparison-card[data-astro-cid-j7pv25f6].streamlined{border-color:var(--color-primary);background:linear-gradient(135deg,#d9383105,#ff6b630d)}.comparison-card[data-astro-cid-j7pv25f6] .steps[data-astro-cid-j7pv25f6]{list-style:none;counter-reset:steps;margin-bottom:var(--space-6)}.comparison-card[data-astro-cid-j7pv25f6] .steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{counter-increment:steps;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-neutral-600);font-size:.9375rem}.comparison-card[data-astro-cid-j7pv25f6] .steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{content:counter(steps);width:24px;height:24px;background:var(--color-neutral-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);flex-shrink:0}.comparison-card[data-astro-cid-j7pv25f6].streamlined .steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{background:var(--color-primary);color:#fff}.comparison-card[data-astro-cid-j7pv25f6] .time[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600)}.comparison-card[data-astro-cid-j7pv25f6].streamlined .time[data-astro-cid-j7pv25f6]{background:var(--color-primary);color:#fff}.comparison-card[data-astro-cid-j7pv25f6] .time[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:20px;height:20px}.cta[data-astro-cid-j7pv25f6]{padding:var(--space-20) 0}.cta[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-4)}.cta-text[data-astro-cid-j7pv25f6]{font-size:1.25rem;color:var(--color-neutral-300);margin-bottom:var(--space-8)}.cta-buttons[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-buttons[data-astro-cid-j7pv25f6] .btn[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][data-icon]{width:20px;height:20px}@media(max-width:768px){.hero[data-astro-cid-j7pv25f6]{min-height:auto;padding:calc(72px + var(--space-12)) 0 var(--space-12)}.hero-content[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:var(--space-8)}.hero-text[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:2.5rem}.hero-visual[data-astro-cid-j7pv25f6]{order:-1}.code-content[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.code-block[data-astro-cid-j7pv25f6]{order:-1}.comparison-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.hero-cta[data-astro-cid-j7pv25f6]{flex-direction:column}.hero-cta[data-astro-cid-j7pv25f6] .btn[data-astro-cid-j7pv25f6]{width:100%}}