@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--blue:#1769c2;--navy:#102a43;--ink:#172b3a;--muted:#607486;--pale:#eef5fb;--line:#dce6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:var(--blue)}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:20px;font-weight:600;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font:800 30px Manrope,Arial}.brand b{color:var(--blue)}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;color:#415568;font-size:14px;font-weight:700}nav a:hover,nav a.active{color:var(--blue)}.hero{background:linear-gradient(120deg,#f2f7fc,#e6f0fa);padding:76px 0 82px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:800;color:var(--blue);margin:0 0 12px}.hero h1{font:800 clamp(46px,6vw,76px)/1.04 Manrope,Arial;margin:0 0 22px;letter-spacing:-3px;color:var(--navy)}.hero h1 span{color:var(--blue)}.lead{font-size:18px;max-width:560px;color:#4c6275;margin:0 0 30px}.cta{display:inline-block;background:var(--blue);color:white;text-decoration:none;font-weight:800;padding:13px 24px;border-radius:7px;box-shadow:0 8px 18px #1769c229}.cta:hover{background:#1055a0}.photo-placeholder{min-height:360px;border:2px dashed #a8c5e0;border-radius:18px;background:linear-gradient(145deg,#dceaf7,#f7fbff);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#55738e;text-align:center;gap:7px}.placeholder-icon{width:76px;height:76px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font:800 24px Manrope;margin-bottom:10px;box-shadow:0 8px 25px #183d5d18}.photo-placeholder strong{font-size:18px;color:var(--navy)}.photo-placeholder span{font-size:13px}.section{padding-top:78px;padding-bottom:78px}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.section h2,.contact-section h2{font:800 clamp(30px,4vw,42px)/1.15 Manrope;color:var(--navy);margin:0 0 22px;letter-spacing:-1px}.intro-text{font-size:16px;color:#4d6273}.intro-text p:first-child{margin-top:0}.process{background:var(--pale)}.process h2{font:800 clamp(30px,4vw,42px) Manrope;color:var(--navy);margin:0 0 34px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{background:white;border:1px solid #e1eaf2;border-radius:12px;padding:26px 25px}.steps article>span{font:800 13px Manrope;color:var(--blue);background:#eaf3fc;padding:8px 11px;border-radius:6px}.steps h3{font:700 20px Manrope;color:var(--navy);margin:20px 0 8px}.steps p{color:var(--muted);margin:0;font-size:14px}.price-strip{margin-top:70px;margin-bottom:70px;padding:34px 42px;background:var(--navy);border-radius:14px;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.price-strip .eyebrow{color:#9bc9f5}.price-strip h2{font:800 42px Manrope;margin:0;color:white}.price-strip p:last-child{margin:0;color:#c1d2e0}.cta-light{background:white;color:var(--navy);box-shadow:none}.cta-light:hover{background:#e9f3fc}.contact-section{background:#f5f8fb;border-top:1px solid var(--line);padding:72px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-section h2{margin-bottom:24px}.contact-section h3{font:700 17px Manrope;color:var(--navy);margin:22px 0 5px}.contact-section p{color:#4d6273;margin:4px 0 15px}.contact-section a{font-weight:600;text-decoration:none}.contact-section a:hover{text-decoration:underline}.text-link{display:inline-block;margin-top:6px}.qr-area{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.qr-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.qr-card img{width:min(100%,190px);height:auto}.qr-card b{color:var(--navy)}.qr-card small{color:var(--muted)}footer{background:#0b2033;color:#c5d4e1;padding:22px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:15px}footer span{color:#8ebff0}
@media(max-width:760px){.nav-wrap{padding:14px 0;align-items:flex-start;flex-direction:column;gap:12px}nav{width:100%;gap:16px;flex-wrap:wrap}nav a{font-size:13px}.hero{padding:52px 0}.hero-grid,.intro,.contact-grid{grid-template-columns:1fr;gap:30px}.photo-placeholder{min-height:240px}.intro{padding-top:55px;padding-bottom:55px}.steps{grid-template-columns:1fr}.price-strip{padding:28px;align-items:flex-start;flex-direction:column;margin-top:45px;margin-bottom:45px}.qr-area{max-width:520px}.contact-section{padding:55px 0}footer .wrap{flex-direction:column}}
@media(max-width:420px){.wrap{width:min(100% - 30px,1120px)}.qr-area{grid-template-columns:1fr 1fr;gap:10px}.qr-card{padding:12px 8px}.qr-card small{font-size:11px}}

.hero-photo{width:100%;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #173b5a24;background:#dceaf7}
.hero-photo img{display:block;width:100%;height:auto;object-fit:cover}


/* FAQ – modré bubliny */
.faq-section {
    max-width: 1000px;
    margin: 30px auto;
}

.faq-item {
    margin-bottom: 22px;
    border: 2px solid #c8e2fa;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(0, 75, 145, 0.12);
    overflow: hidden;
    transition: all 0.25s ease;
}

/* Samotná otázka */
.faq-item summary {
    position: relative;
    padding: 24px 75px 24px 30px;
    background: linear-gradient(110deg, #e5f3ff, #c9e5ff);
    color: #063b78;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    transition: background 0.25s ease;
}

/* Odstranění původní šipky */
.faq-item summary::-webkit-details-marker {
    display: none;
}

/* Symbol plus */
.faq-item summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    background: #0875c9;
    color: white;
    font-size: 27px;
    font-weight: 400;
}

/* Zvýraznění při najetí myší */
.faq-item summary:hover {
    background: linear-gradient(110deg, #d3ebff, #add8ff);
}

/* Otevřená otázka */
.faq-item[open] {
    border-color: #8fc8f5;
    box-shadow: 0 8px 20px rgba(0, 75, 145, 0.18);
}

.faq-item[open] summary {
    background: linear-gradient(110deg, #c5e4ff, #a6d3fa);
}

/* Symbol minus */
.faq-item[open] summary::after {
    content: "-";
    background: #064d91;
}

/* Odpověď */
.faq-answer {
    padding: 25px 30px;
    background: #ffffff;
    color: #26384b;
    font-size: 17px;
    line-height: 1.7;
}