.hero{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);color:var(--color-white);padding:4rem 1.5rem;text-align:center}.hero-inner{margin:0 auto;max-width:800px}.hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.hero p{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.hero .hero-subtitle{margin:0 auto 2rem;max-width:760px}.hero .btn-primary{align-items:center;background-color:var(--color-white);border:none;border-radius:10px;color:var(--color-primary);display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease,color .2s ease}.hero .btn-primary:hover{background-color:var(--color-surface-alt);color:var(--color-primary-dark);transform:translateY(-1px)}.store-icon{align-items:center;display:inline-flex;flex-shrink:0}.store-icon svg{display:block;vertical-align:middle}.hero-image{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);height:auto;margin-top:4rem;width:100%}.features{margin:0 auto;max-width:1200px;padding:4rem 1.5rem}.features h2{color:var(--color-text);font-size:1.75rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease}.feature-card:hover{border-color:#bfdbfe;box-shadow:0 4px 20px rgba(30,64,175,.08)}.feature-card h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5}.section-inner{margin:0 auto;max-width:1200px}.aha-section,.pain-section,.value-section{padding:4rem 1.5rem}.value-section{background-color:var(--color-surface)}.value-section.alt{background-color:var(--color-surface-alt)}.pain-section{background:linear-gradient(180deg,#f8fafc,#eef2f7)}.aha-section{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);color:var(--color-white)}.aha-section h2,.pain-section h2,.value-section h2{font-size:1.75rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.cards-grid,.steps-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.info-card,.panel,.step-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 18px rgba(15,23,42,.04);padding:1.25rem}.info-card h3,.panel h3,.step-card h3{color:var(--color-text);font-size:1.0625rem;margin-bottom:.5rem}.info-card p,.panel p,.step-card p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.55}.step-number{align-items:center;background-color:#dbeafe;border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:700;height:28px;justify-content:center;margin-bottom:.75rem;width:28px}.split-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.check-list{display:grid;gap:.625rem;list-style:none;margin:0;padding:0}.check-list li{color:var(--color-text-muted);line-height:1.5;padding-left:1.4rem;position:relative}.check-list li:before{color:var(--color-primary);content:"✓";font-weight:700;left:0;position:absolute;top:0}.aha-section .check-list li{color:hsla(0,0%,100%,.95)}.aha-section .check-list li:before{color:#fff}.cta-section{background-color:var(--color-surface-alt);padding:3rem 1.5rem;text-align:center}.cta-section h2{color:var(--color-text);font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.cta-section .btn-primary{align-items:center;background-color:var(--color-primary);border:none;border-radius:10px;color:var(--color-white);display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.cta-section .btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}@media (max-width:768px){.hero h1{font-size:1.75rem}.hero p{font-size:1.0625rem}.aha-section,.pain-section,.value-section{padding:2.75rem 1rem}.aha-section h2,.cta-section h2,.pain-section h2,.value-section h2{font-size:1.4rem}.cards-grid,.features-grid,.split-grid,.steps-grid{grid-template-columns:1fr}}