.hero-section{text-align:center;padding:var(--spacing-16) 0 var(--spacing-12);background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius);margin-bottom:var(--spacing-16)}.hero-section h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-6);line-height:1.2}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:42rem;margin:0 auto;line-height:1.5}.how-it-works{margin-bottom:var(--spacing-16)}.how-it-works h2{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-12)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.step{text-align:center;padding:var(--spacing-6);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--primary-color);color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:50%;margin-bottom:var(--spacing-4)}.step h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.step p{color:var(--text-secondary);line-height:1.5}.finder-preview-section{text-align:center;margin-bottom:var(--spacing-16);padding:var(--spacing-12) var(--spacing-6);background:var(--bg-secondary);border-radius:var(--border-radius)}.finder-preview-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.finder-preview-description{font-size:var(--font-size-base);color:var(--text-secondary);max-width:40rem;margin:0 auto var(--spacing-8);line-height:1.6}.finder-preview-cta{display:inline-block}.product-hook-section{margin-bottom:var(--spacing-16);background:var(--bg-secondary);padding:var(--spacing-12) var(--spacing-6);border-radius:var(--border-radius)}.product-hook-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;max-width:1200px;margin:0 auto}.product-image{display:flex;justify-content:center;align-items:center}.product-image-img{width:100%;max-width:500px;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.product-info{display:flex;flex-direction:column}.product-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.product-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.product-details{margin-bottom:var(--spacing-8)}.price{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-4)}.product-features{color:var(--text-secondary);line-height:1.8;font-size:var(--font-size-base)}.product-cta{align-self:flex-start;margin-top:var(--spacing-4)}.benefits-section{margin-bottom:var(--spacing-16)}.benefits-section h2{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-12)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.benefit{padding:var(--spacing-6);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);text-align:center}.benefit-icon{font-size:2.5rem;margin-bottom:var(--spacing-4)}.benefit h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.benefit p{color:var(--text-secondary);line-height:1.5}.examples-section{margin-bottom:var(--spacing-16)}.examples-section h2{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.section-subtitle{text-align:center;font-size:var(--font-size-base);color:var(--text-secondary);max-width:40rem;margin:0 auto var(--spacing-12);line-height:1.5}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6)}.example-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.example-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.example-image{width:100%;aspect-ratio:1280 / 948;object-fit:cover;border-bottom:1px solid var(--border-color)}.example-image-placeholder{height:200px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4)}.example-image-placeholder.large{height:300px}.placeholder-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.placeholder-caption{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.example-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-4) var(--spacing-4) var(--spacing-2)}.example-item p{color:var(--text-secondary);line-height:1.5;margin:0 var(--spacing-4) var(--spacing-4)}.security-section{margin-bottom:var(--spacing-16);background:var(--bg-secondary);padding:var(--spacing-12) var(--spacing-6);border-radius:var(--border-radius)}.security-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);max-width:1600px;margin:0 auto}.security-text h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-6)}.security-features{list-style:none;padding:0}.security-features li{padding:var(--spacing-3) 0;color:var(--text-secondary);line-height:1.6;position:relative;padding-left:var(--spacing-6)}.security-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.security-features li strong{color:var(--text-primary)}.cta-section{text-align:center;padding:var(--spacing-12) 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:var(--border-radius);margin-bottom:var(--spacing-8)}.cta-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-4)}.cta-section p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-8);max-width:36rem;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.cta-buttons .btn{min-width:150px}.cta-buttons .btn-outline{background:transparent;color:#fff;border-color:#ffffff4d}.cta-buttons .btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}@media (min-width: 768px){.hero-section h1{font-size:3rem}.hero-subtitle{font-size:var(--font-size-xl)}.security-content{grid-template-columns:1fr 1fr;align-items:center}.cta-buttons{flex-wrap:nowrap}}@media (max-width: 768px){.hero-section{padding:var(--spacing-12) var(--spacing-4) var(--spacing-8)}.steps-grid,.benefits-grid,.examples-grid,.product-hook-content{grid-template-columns:1fr}.product-image-img{max-width:100%}.security-section,.cta-section{padding:var(--spacing-8) var(--spacing-4)}}
