@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--color-bg:#fafaf9;--color-bg-secondary:#f5f5f4;--color-surface:#fff;--color-border:#e7e5e4;--color-border-strong:#d6d3d1;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#78716c;--color-primary:#cc785c;--color-primary-hover:#b86a50;--color-primary-light:#f4efe6;--color-success:#059669;--color-success-hover:#047857;--color-error:#dc2626;--color-warning:#d97706;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container-main{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.header-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text-primary);text-align:center;margin:var(--space-2xl) 0 var(--space-sm);line-height:1.2;letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-2xl);font-weight:400}.photo-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.photo-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.photo-display{border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:border-color .2s ease}.photo-display:hover{border-color:var(--color-primary)}.photo-display img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}.spec-select-wrapper{width:100%;margin:var(--space-lg) 0}.btn-primary{background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--color-success);color:var(--color-surface);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.alert-box{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);font-size:.875rem;line-height:1.5}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-error)}.alert-info{background:var(--color-primary-light);border:1px solid #e8dcc8;color:#92400e}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--color-success)}.skeleton-loading{background:linear-gradient(90deg,#f5f5f4,#e7e5e4 50%,#f5f5f4);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.credits-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;border:1px solid var(--color-border)}.credits-badge svg{color:var(--color-primary)}.info-text{color:var(--color-text-muted);font-size:.875rem;line-height:1.5;text-align:center;margin-top:var(--space-md)}@media (max-width:768px){.container-main{padding:var(--space-md)}.hero-title{margin-top:var(--space-xl)}.photo-card{padding:var(--space-lg)}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.landing-page{min-height:100vh}.landing-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s ease}.nav-link:hover{color:var(--color-primary)}.btn-primary-link{background:var(--color-primary);color:var(--color-surface);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9375rem;transition:background .2s ease}.btn-primary-link:hover{background:var(--color-primary-hover)}.hero-section{padding:calc(var(--space-2xl) * 2) 0 var(--space-2xl);background:linear-gradient(180deg,var(--color-bg) 0,var(--color-surface) 100%)}.hero-content{max-width:900px;margin:0 auto;text-align:center}.hero-title-large{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-lg)}.hero-title-accent{display:block;color:var(--color-primary);margin-top:var(--space-sm)}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.btn-hero-primary{background:var(--color-primary);color:var(--color-surface);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1.0625rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-hero-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-hero-secondary{background:var(--color-surface);color:var(--color-text-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1.0625rem;border:1px solid var(--color-border-strong);transition:all .2s ease}.btn-hero-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.hero-features{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.hero-feature-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.9375rem}.feature-icon{color:var(--color-primary)}.features-section{padding:calc(var(--space-2xl) * 2) 0;background:var(--color-surface)}.section-header{text-align:center;margin-bottom:calc(var(--space-2xl) * 1.5)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.feature-card{padding:var(--space-xl);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .2s ease}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feature-icon-wrapper{width:56px;height:56px;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--color-primary)}.feature-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.feature-description{color:var(--color-text-secondary);line-height:1.6;font-size:.9375rem}.how-it-works-section{padding:calc(var(--space-2xl) * 2) 0;background:var(--color-bg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:1100px;margin:0 auto}.step-card{text-align:center;padding:var(--space-xl)}.step-number{width:64px;height:64px;background:var(--color-primary);color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto var(--space-lg)}.step-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.step-description{color:var(--color-text-secondary);line-height:1.6;font-size:.9375rem}.cta-section{padding:calc(var(--space-2xl) * 2) 0;background:var(--color-primary);color:var(--color-surface)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--space-md)}.cta-description{font-size:1.125rem;margin-bottom:var(--space-xl);opacity:.95}.btn-cta{background:var(--color-surface);color:var(--color-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1.0625rem;transition:all .2s ease;display:inline-block;box-shadow:var(--shadow-md)}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.landing-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.footer-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.footer-text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.footer-copyright{color:var(--color-text-muted);font-size:.875rem}@media (max-width:768px){.nav-links{gap:var(--space-md)}.nav-link{display:none}.hero-actions,.hero-features{flex-direction:column}.hero-features{align-items:center}.features-grid,.steps-grid{grid-template-columns:1fr}}