/* Fonts & Body */
body { font-family: 'Inter', sans-serif; margin:0; padding:0; color:#333; background-color:#fff; scroll-behavior: smooth;}
h1,h2,h3 { font-family: 'Poppins', sans-serif; margin:0; }
h1 { font-size:2.5rem; color:#1A3E72; }
h2 { font-size:2rem; color:#1A3E72; margin-bottom:1rem; }
p { font-size:1rem; line-height:1.6; }
a { text-decoration:none; display:inline-flex; align-items:center; gap:5px; }

/* Navbar */
nav { position: fixed; top:0; width:100%; background:#fff; display:flex; justify-content:center; gap:30px; padding:15px 0; box-shadow:0 2px 8px rgba(0,0,0,0.1); z-index:100;}
nav a { color:#1A3E72; font-weight:600; transition:0.3s; }
nav a:hover { color:#56B6F7; }

/* Sections */
section { padding:100px 20px 80px; display:flex; flex-direction:column; align-items:center; text-align:center; opacity:0; transform: translateY(20px); transition: all 0.8s ease-in-out; border-radius:12px; margin:20px 10px; }
section.visible { opacity:1; transform: translateY(0); }

/* Section backgrounds */
.hero { background: linear-gradient(to right, #E8F4FD, #56B6F7); color:#1A3E72; padding-top:140px; border-radius:0; margin:0;}
#how { background: linear-gradient(to right, #F0F8FF, #E0F7FA); }
#benefits { background: linear-gradient(to right, #FFF8E1, #FFE0B2); }
#pricing { background: linear-gradient(to right, #F3E5F5, #E1BEE7); }
#testimonials { background: linear-gradient(to right, #E8F4FD, #D0E8FF); }
.footer-cta { background:#56B6F7; color:#fff; padding:60px 20px; border-radius:12px; margin-top:60px; }

/* CTA Buttons */
.cta-buttons { display:flex; gap:20px; flex-wrap:wrap; margin-bottom:40px; }
.cta-buttons a { padding:15px 30px; border-radius:12px; font-weight:600; transition:0.3s; }
.cta-primary { background: linear-gradient(90deg,#56B6F7,#1A3E72); color:#fff; }
.cta-secondary { background:#fff; border:2px solid #1A3E72; color:#1A3E72; }
.cta-primary:hover { opacity:0.85; }
.cta-secondary:hover { background:#1A3E72; color:#fff; }

/* Cards */
.cards { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-top:40px; }
/* Karty */
.card {
    background:#fff;
    padding:30px;
    border-radius:12px;
    width:280px;
    text-align:center;
    box-shadow:0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.4s, box-shadow 0.4s;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
}

/* Ikony Font Awesome */
.card i, th i, .cta-buttons i {
    color:#56B6F7;
    font-size:40px;
    margin-bottom:15px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}


/* Table */
table { border-collapse: collapse; margin:0 auto; margin-top:20px; border-radius:12px; overflow:hidden;}
th, td { padding:15px 25px; border:1px solid #ccc; }
th { background:#56B6F7; color:#fff; }
td { background:#fff; }

/* Testimonials */
.testimonial { max-width:600px; background:#fff; padding:25px; border-radius:12px; margin:15px 0; text-align:left; box-shadow:0 4px 10px rgba(0,0,0,0.05); }
.stars { color:#FFD700; margin-bottom:10px; }

/* Images animations */
img { max-width:100%; border-radius:12px; opacity:0; transform: translateY(20px); transition: all 0.8s ease-in-out; }
img.visible { opacity:1; transform: translateY(0); }