Home (Landing )
/* === Hero === */
.landing-hero {
text-align: center;
padding: 60px 20px;
background: #f5f5f5;
}
.landing-hero h1 {
font-size: 2.5em;
margin-bottom: 0.5em;
}
.landing-hero p {
font-size: 1.15em;
margin-bottom: 1.5em;
}
.landing-hero .primary-cta,
.landing-hero .secondary-cta {
display: inline-block;
padding: 12px 24px;
margin: 0 8px;
border-radius: 4px;
text-decoration: none;
}
.landing-hero .primary-cta {
background: #0073aa;
color: #fff;
}
.landing-hero .secondary-cta {
background: transparent;
color: #0073aa;
border: 2px solid #0073aa;
}
/* === Modele === */
.model-section {
padding: 50px 20px;
text-align: center;
}
.model-cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin-top: 30px;
}
.model-card {
flex: 1 1 calc(50% – 40px);
max-width: calc(50% – 40px);
border: 1px solid #ddd;
border-radius: 6px;
padding: 20px;
}
.model-card h3 {
margin-bottom: 12px;
}
/* === Porównanie === */
.comparison-section {
padding: 50px 20px;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.comparison-table th,
.comparison-table td {
border: 1px solid #ddd;
padding: 12px;
text-align: center;
}
.comparison-table th {
background: #0073aa;
color: #fff;
}
/* === Opinie === */
.testimonials {
padding: 50px 20px;
background: #fafafa;
text-align: center;
}
.testimonials p {
font-style: italic;
max-width: 700px;
margin: 0 auto 1.5em;
}
/* === FAQ === */
.faq {
padding: 50px 20px;
}
.faq h3 {
margin-top: 1.2em;
}
/* === Kontakt === */
.contact-section {
padding: 50px 20px;
background: #f5f5f5;
text-align: center;
}
.contact-section .wpcf7 {
max-width: 600px;
margin: 0 auto;
}