:root{--color-forest-green: #2C5F2D;--color-terracotta: #C3533D;--color-sage: #87A96B;--color-off-white: #F9F7F4;--color-dark-text: #2A2A2A;--color-light-text: #666666;--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-md: 8px;--radius-lg: 12px;--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}[data-astro-cid-i3ys4pky]{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-dark-text);background-color:var(--color-off-white);line-height:1.6}.container[data-astro-cid-i3ys4pky]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.hero[data-astro-cid-i3ys4pky]{background:linear-gradient(135deg,var(--color-forest-green) 0%,#1e4620 100%);color:white;padding:var(--spacing-2xl) 0;text-align:center}.hero[data-astro-cid-i3ys4pky] h1[data-astro-cid-i3ys4pky]{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-md)}.hero[data-astro-cid-i3ys4pky] p[data-astro-cid-i3ys4pky]{font-size:1.25rem;opacity:0.9;max-width:700px;margin:0 auto}.section[data-astro-cid-i3ys4pky]{padding:var(--spacing-2xl) 0}h2[data-astro-cid-i3ys4pky]{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-forest-green);margin-bottom:var(--spacing-md);text-align:center}.intro[data-astro-cid-i3ys4pky]{text-align:center;max-width:700px;margin:0 auto var(--spacing-xl);color:var(--color-light-text);font-size:1.125rem}.comparison-grid[data-astro-cid-i3ys4pky]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.example-card[data-astro-cid-i3ys4pky]{background:white;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.3s ease}.example-card[data-astro-cid-i3ys4pky]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.example-preview[data-astro-cid-i3ys4pky]{position:relative;background:linear-gradient(135deg,#ddd 0%,#f0f0f0 100%);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:#999;font-size:0.9rem;text-align:center;padding:var(--spacing-md);border-bottom:3px solid}.example-card[data-astro-cid-i3ys4pky].before .example-preview[data-astro-cid-i3ys4pky]{border-bottom-color:#999}.example-card[data-astro-cid-i3ys4pky].starter .example-preview[data-astro-cid-i3ys4pky]{border-bottom-color:var(--color-sage)}.example-card[data-astro-cid-i3ys4pky].standard .example-preview[data-astro-cid-i3ys4pky]{border-bottom-color:var(--color-forest-green)}.example-badge[data-astro-cid-i3ys4pky]{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:rgba(255,255,255,0.95);padding:0.5rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.example-card[data-astro-cid-i3ys4pky].before .example-badge[data-astro-cid-i3ys4pky]{background:#666;color:white}.example-card[data-astro-cid-i3ys4pky].starter .example-badge[data-astro-cid-i3ys4pky]{background:var(--color-sage);color:white}.example-card[data-astro-cid-i3ys4pky].standard .example-badge[data-astro-cid-i3ys4pky]{background:var(--color-forest-green);color:white}.ab-badge[data-astro-cid-i3ys4pky]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-terracotta);color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-md);font-size:0.75rem;font-weight:600}.example-content[data-astro-cid-i3ys4pky]{padding:var(--spacing-lg)}.example-content[data-astro-cid-i3ys4pky] h3[data-astro-cid-i3ys4pky]{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-forest-green)}.conversion-metric[data-astro-cid-i3ys4pky]{display:inline-block;background:#e8f5e9;color:var(--color-forest-green);padding:0.5rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:1.25rem;margin-bottom:var(--spacing-md)}.example-card[data-astro-cid-i3ys4pky].before .conversion-metric[data-astro-cid-i3ys4pky]{background:#f5f5f5;color:#666}.build-time[data-astro-cid-i3ys4pky]{color:var(--color-light-text);font-size:0.9rem;margin-bottom:var(--spacing-md)}.issues-list[data-astro-cid-i3ys4pky],.features-list[data-astro-cid-i3ys4pky]{list-style:none;margin-bottom:var(--spacing-md)}.issues-list[data-astro-cid-i3ys4pky] li[data-astro-cid-i3ys4pky]{padding:0.5rem 0;color:var(--color-light-text);font-size:0.9rem}.issues-list[data-astro-cid-i3ys4pky] li[data-astro-cid-i3ys4pky]::before{content:"❌ ";margin-right:0.5rem}.features-list[data-astro-cid-i3ys4pky] li[data-astro-cid-i3ys4pky]{padding:0.5rem 0;color:var(--color-light-text);font-size:0.9rem}.features-list[data-astro-cid-i3ys4pky] li[data-astro-cid-i3ys4pky]::before{content:"✅ ";margin-right:0.5rem}.btn[data-astro-cid-i3ys4pky]{display:inline-block;padding:0.875rem 1.5rem;font-family:var(--font-heading);font-weight:600;font-size:1rem;text-align:center;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;width:100%}.btn-primary[data-astro-cid-i3ys4pky]{background-color:var(--color-forest-green);color:white}.btn-primary[data-astro-cid-i3ys4pky]:hover{background-color:#234a24;transform:translateY(-2px)}.btn-outline[data-astro-cid-i3ys4pky]{background-color:transparent;color:var(--color-forest-green);border-color:var(--color-forest-green)}.btn-outline[data-astro-cid-i3ys4pky]:hover{background-color:var(--color-forest-green);color:white}.roi-section[data-astro-cid-i3ys4pky]{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:800px;margin:0 auto var(--spacing-xl);box-shadow:var(--shadow-md)}.roi-stats[data-astro-cid-i3ys4pky]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.stat[data-astro-cid-i3ys4pky]{padding:var(--spacing-md)}.stat-number[data-astro-cid-i3ys4pky]{font-size:2.5rem;font-weight:700;color:var(--color-forest-green);display:block;margin-bottom:0.5rem}.stat-label[data-astro-cid-i3ys4pky]{color:var(--color-light-text);font-size:0.9rem}.methodology[data-astro-cid-i3ys4pky]{background:linear-gradient(135deg,var(--color-forest-green) 0%,#1e4620 100%);color:white}.methodology[data-astro-cid-i3ys4pky] h2[data-astro-cid-i3ys4pky]{color:white}.methodology[data-astro-cid-i3ys4pky] .intro[data-astro-cid-i3ys4pky]{color:rgba(255,255,255,0.9)}.timeline[data-astro-cid-i3ys4pky]{background:rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-lg)}.timeline-steps[data-astro-cid-i3ys4pky]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.timeline-step[data-astro-cid-i3ys4pky]{flex:1;text-align:center}.step-number[data-astro-cid-i3ys4pky]{width:3rem;height:3rem;background:white;color:var(--color-forest-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto var(--spacing-sm)}.timeline-arrow[data-astro-cid-i3ys4pky]{font-size:2rem;opacity:0.5;padding:0 var(--spacing-md)}.cta-section[data-astro-cid-i3ys4pky]{background:var(--color-terracotta);color:white;text-align:center}.cta-section[data-astro-cid-i3ys4pky] h2[data-astro-cid-i3ys4pky]{color:white}.cta-section[data-astro-cid-i3ys4pky] p[data-astro-cid-i3ys4pky]{color:rgba(255,255,255,0.9);font-size:1.125rem;margin-bottom:var(--spacing-lg)}.back-link[data-astro-cid-i3ys4pky]{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);background:white;color:var(--color-forest-green);padding:0.75rem 1.5rem;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;box-shadow:var(--shadow-lg);transition:all 0.3s ease;z-index:1000}.back-link[data-astro-cid-i3ys4pky]:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(0,0,0,0.15)}@media (max-width: 768px){.comparison-grid[data-astro-cid-i3ys4pky]{grid-template-columns:1fr}.roi-stats[data-astro-cid-i3ys4pky]{grid-template-columns:1fr}.timeline-steps[data-astro-cid-i3ys4pky]{flex-direction:column}.timeline-arrow[data-astro-cid-i3ys4pky]{transform:rotate(90deg);padding:var(--spacing-sm) 0}}