/* Osobní web makléře – modrá, světlá */
:root { --bg: #ffffff; --paper: #ffffff; --line: #e7ebf0; --accent: #0b67d1; --accent-strong: #0a4fc7; --accent-soft: #eef4ff; --dark: #081321; --dark-muted: #91a0b4; --btn-radius: 14px; }


.eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 850; color: #3d5f9c; }
.eyebrow--light { color: #9db7de; }
.display { font-size: clamp(38px, 5vw, 60px); line-height: 1.02; letter-spacing: -.045em; margin: 18px 0 20px; }
.section-title { font-size: clamp(32px, 4vw, 48px); line-height: 1.02; letter-spacing: -.045em; margin: 14px 0 18px; max-width: 900px; }
.section-copy { font-size: 19px; color: var(--muted); max-width: 760px; }
.section-copy a, .lines a, .process a { color: var(--accent); }

.hero { padding: 80px 0 0; background: linear-gradient(#fff, #f3f7fd); overflow: hidden; }

.lines { margin-top: 52px; }

/* Šablony */
.templates { background: var(--dark); color: #fff; overflow: hidden; }
.templates .section-copy { color: #a8b6c8; }

.process { background: #f6f8fb; }
.video-link { margin-top: 28px; font-weight: 800; }

/* Cena */
.pricing { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; margin-top: 44px; }
.price-col { padding: 34px 0; border-top: 2px solid var(--ink); }
.price-col--free { border-top-color: #aeb7c3; }
.price-col h3 { font-size: 30px; margin: 0; }
.price { font-size: 54px; font-weight: 900; letter-spacing: -.05em; margin: 20px 0 8px; }
.price small { font-size: 15px; color: var(--muted); font-weight: 600; letter-spacing: 0; }
.price-col > p { color: var(--muted); font-size: 17px; }
.price-col ul { padding: 0; margin: 24px 0 28px; list-style: none; }
.price-col li { padding: 12px 0; border-bottom: 1px solid var(--line); }

@media (max-width: 980px) {
    .pricing { grid-template-columns: 1fr; }
    .hero { padding-top: 56px; }
}
@media (max-width: 620px) {
}