{"id":12,"date":"2026-02-21T19:28:00","date_gmt":"2026-02-21T18:28:00","guid":{"rendered":"https:\/\/www.ivonasvobodova.cz\/?page_id=12"},"modified":"2026-06-26T22:08:32","modified_gmt":"2026-06-26T20:08:32","slug":"home","status":"publish","type":"page","link":"https:\/\/www.ivonasvobodova.cz\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2787b e-con-full e-flex e-con e-parent\" data-id=\"8a2787b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-970e77c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"970e77c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700;800&display=swap');\n\n\/* ===== RESET PRO WORDPRESS \/ ELEMENTOR ===== *\/\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-widget-container,\n.e-con,\n.e-con-inner,\n.elementor-element,\n.elementor-row,\n.elementor-section-wrap {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 100% !important;\n  background: #fbf6ee !important;\n}\n\n#page,\n#content,\n.site-content,\n.ast-container,\n.entry-content,\n.site-main {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\nheader#masthead,\nheader.site-header,\nfooter#colophon,\nfooter.site-footer {\n  display: none !important;\n}\n\n\/* ===== Z\u00c1KLAD ===== *\/\n.ivx {\n  --ink: #17120f;\n  --text: #3b3028;\n  --muted: #75695f;\n  --soft: #fbf6ee;\n  --cream: #f4e8d8;\n  --cream-2: #ead8c2;\n  --white: #ffffff;\n  --gold: #b78954;\n  --gold-dark: #8f663c;\n  --green: #66785f;\n  --line: rgba(23, 18, 15, 0.10);\n  --shadow: 0 22px 60px rgba(32, 24, 18, 0.11);\n  --shadow-soft: 0 14px 38px rgba(32, 24, 18, 0.07);\n  --radius-lg: 32px;\n  --radius-md: 22px;\n  --radius-sm: 16px;\n\n  width: 100vw;\n  max-width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  overflow-x: hidden;\n  background:\n    radial-gradient(circle at 16% 5%, rgba(183, 137, 84, 0.17), transparent 30%),\n    radial-gradient(circle at 86% 7%, rgba(102, 120, 95, 0.13), transparent 28%),\n    linear-gradient(180deg, #fffaf3 0%, #fbf6ee 48%, #fffaf3 100%);\n  color: var(--text);\n  font-family: 'Inter', sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n.ivx * { box-sizing: border-box; }\n.ivx a { color: inherit; text-decoration: none !important; }\n.ivx h1, .ivx h2, .ivx h3 {\n  margin: 0;\n  font-family: 'Playfair Display', serif;\n  color: var(--ink);\n  letter-spacing: -0.035em;\n}\n.ivx p { margin: 0; }\n.ivx ul { margin: 0; padding: 0; list-style: none; }\n.ivx img { display: block; max-width: 100%; }\n.ivx button, .ivx input, .ivx textarea { font-family: 'Inter', sans-serif; }\n\n\/* ===== ANIMACE ===== *\/\n@keyframes softFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\n@keyframes slowGlow { 0%, 100% { opacity: .55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); } }\n@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n.ivx .reveal {\n  opacity: 0;\n  transform: translateY(18px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.ivx .reveal.visible { opacity: 1; transform: translateY(0); }\n.ivx .delay-1 { transition-delay: .08s; }\n.ivx .delay-2 { transition-delay: .16s; }\n.ivx .delay-3 { transition-delay: .24s; }\n\n\/* ===== HEADER ===== *\/\n.ivx .topbar {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  width: 100%;\n  padding: 14px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  background: rgba(255, 250, 243, 0.88);\n  backdrop-filter: blur(22px);\n  -webkit-backdrop-filter: blur(22px);\n  border-bottom: 1px solid var(--line);\n}\n\n.ivx .logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-weight: 900;\n  color: var(--ink);\n  letter-spacing: -0.03em;\n  white-space: nowrap;\n}\n\n.ivx .logo-mark {\n  width: 38px;\n  height: 38px;\n  border-radius: 14px;\n  display: grid;\n  place-items: center;\n  background: linear-gradient(135deg, var(--ink), var(--gold));\n  color: #fff;\n  font-size: 13px;\n  font-weight: 900;\n  box-shadow: 0 12px 26px rgba(183, 137, 84, 0.25);\n}\n\n.ivx .nav-desktop {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  font-size: 14px;\n  font-weight: 750;\n  color: #4a4039;\n}\n\n.ivx .nav-desktop a {\n  position: relative;\n  padding: 8px 0;\n}\n\n.ivx .nav-desktop a::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 2px;\n  width: 0;\n  height: 2px;\n  background: var(--gold);\n  transition: width .25s ease;\n}\n\n.ivx .nav-desktop a:hover::after { width: 100%; }\n\n.ivx .menu-toggle {\n  display: none;\n  position: relative;\n  width: 42px;\n  height: 42px;\n  border: 0;\n  border-radius: 14px;\n  background: var(--cream);\n  cursor: pointer;\n}\n\n.ivx .menu-toggle span,\n.ivx .menu-toggle span::before,\n.ivx .menu-toggle span::after {\n  content: \"\";\n  position: absolute;\n  left: 11px;\n  width: 20px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--ink);\n  transition: .25s ease;\n}\n\n.ivx .menu-toggle span { top: 20px; }\n.ivx .menu-toggle span::before { top: -7px; left: 0; }\n.ivx .menu-toggle span::after { top: 7px; left: 0; }\n\n.ivx .topbar.menu-open .menu-toggle span { background: transparent; }\n.ivx .topbar.menu-open .menu-toggle span::before { top: 0; transform: rotate(45deg); }\n.ivx .topbar.menu-open .menu-toggle span::after { top: 0; transform: rotate(-45deg); }\n\n.ivx .nav-mobile {\n  display: none;\n  position: absolute;\n  left: 16px;\n  right: 16px;\n  top: calc(100% + 8px);\n  padding: 12px;\n  border: 1px solid var(--line);\n  border-radius: 20px;\n  background: rgba(255, 250, 243, 0.97);\n  box-shadow: var(--shadow);\n}\n\n.ivx .topbar.menu-open .nav-mobile {\n  display: grid;\n  gap: 4px;\n}\n\n.ivx .nav-mobile a {\n  padding: 13px 14px;\n  border-radius: 13px;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n.ivx .nav-mobile a:hover { background: var(--cream); }\n\n\/* ===== BUTTONS ===== *\/\n.ivx .btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 14px 24px;\n  border-radius: 999px;\n  border: 0;\n  font-size: 15px;\n  font-weight: 900;\n  line-height: 1;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;\n}\n\n.ivx .btn:hover { transform: translateY(-2px); }\n\n.ivx .btn-primary {\n  color: #fff;\n  background: linear-gradient(135deg, #17120f, #3d2b20 56%, var(--gold));\n  box-shadow: 0 18px 40px rgba(23, 18, 15, 0.22);\n}\n\n.ivx .btn-primary:hover { box-shadow: 0 22px 50px rgba(23, 18, 15, 0.28); }\n\n.ivx .btn-secondary {\n  color: var(--ink);\n  background: rgba(255, 255, 255, 0.78);\n  border: 1px solid var(--line);\n}\n\n.ivx .btn-full { width: 100%; }\n\n\/* ===== HERO ===== *\/\n.ivx .hero {\n  position: relative;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 78px 28px 62px;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);\n  gap: 56px;\n  align-items: center;\n}\n\n.ivx .hero::before {\n  content: \"\";\n  position: absolute;\n  right: -170px;\n  top: 12px;\n  width: 520px;\n  height: 520px;\n  border-radius: 50%;\n  background: rgba(183, 137, 84, 0.16);\n  filter: blur(20px);\n  animation: slowGlow 7s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ivx .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 10px 15px;\n  margin-bottom: 22px;\n  border-radius: 999px;\n  border: 1px solid rgba(183, 137, 84, 0.26);\n  background: rgba(255, 255, 255, 0.70);\n  color: var(--gold-dark);\n  font-size: 13px;\n  font-weight: 900;\n  box-shadow: 0 12px 30px rgba(32, 24, 18, 0.06);\n}\n\n.ivx .eyebrow i {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--gold);\n}\n\n.ivx h1 {\n  max-width: 790px;\n  font-size: clamp(42px, 5.3vw, 74px);\n  line-height: 1;\n}\n\n.ivx .hero h1 span { color: var(--gold-dark); }\n\n.ivx .hero-sub {\n  max-width: 660px;\n  margin-top: 24px;\n  color: var(--muted);\n  font-size: 18px;\n  line-height: 1.75;\n}\n\n.ivx .hero-sub strong { color: var(--ink); }\n\n.ivx .hero-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 32px;\n}\n\n.ivx .micro-proof {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 20px;\n}\n\n.ivx .micro-proof span {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 11px;\n  border-radius: 999px;\n  border: 1px solid var(--line);\n  background: rgba(255, 255, 255, .64);\n  color: #5f554d;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.ivx .micro-proof b { color: var(--gold-dark); }\n\n\n\/* ===== HERO VISUAL BEZ FOTKY ===== *\/\n.ivx .hero-system {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  gap: 16px;\n  animation: softFloat 7s ease-in-out infinite;\n}\n\n.ivx .system-card {\n  padding: 22px;\n  border-radius: 34px;\n  background: rgba(255,255,255,.78);\n  border: 1px solid rgba(255,255,255,.86);\n  box-shadow: var(--shadow);\n  backdrop-filter: blur(20px);\n}\n\n.ivx .system-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.ivx .system-title {\n  color: var(--gold-dark);\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n}\n\n.ivx .system-pill {\n  padding: 8px 10px;\n  border-radius: 999px;\n  background: var(--cream);\n  color: var(--gold-dark);\n  font-size: 12px;\n  font-weight: 900;\n  white-space: nowrap;\n}\n\n.ivx .system-main {\n  padding: 24px;\n  border-radius: 26px;\n  background: linear-gradient(145deg, #fff, #f7ecdf);\n  border: 1px solid var(--line);\n}\n\n.ivx .system-main h3 {\n  font-family: 'Inter', sans-serif;\n  font-size: 18px;\n  letter-spacing: -0.02em;\n  margin-bottom: 16px;\n}\n\n.ivx .system-list {\n  display: grid;\n  gap: 12px;\n}\n\n.ivx .system-item {\n  display: grid;\n  grid-template-columns: 34px 1fr;\n  gap: 12px;\n  align-items: start;\n  padding: 14px;\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 10px 28px rgba(32, 24, 18, 0.06);\n}\n\n.ivx .system-check {\n  width: 34px;\n  height: 34px;\n  border-radius: 12px;\n  display: grid;\n  place-items: center;\n  color: #fff;\n  background: var(--ink);\n  font-weight: 900;\n}\n\n.ivx .system-item b {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--ink);\n  font-size: 14px;\n}\n\n.ivx .system-item span {\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.ivx .system-note {\n  margin-top: 16px;\n  padding: 18px;\n  border-radius: 22px;\n  background: #17120f;\n  color: #fff;\n}\n\n.ivx .system-note b {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 15px;\n}\n\n.ivx .system-note span {\n  color: rgba(255,255,255,.72);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* ===== MARQUEE ===== *\/\n.ivx .marquee {\n  overflow: hidden;\n  border-block: 1px solid var(--line);\n  background: rgba(255, 255, 255, 0.50);\n}\n\n.ivx .marquee-track {\n  display: flex;\n  width: max-content;\n  animation: marquee 28s linear infinite;\n}\n\n.ivx .marquee span {\n  padding: 16px 26px;\n  color: var(--gold-dark);\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: .08em;\n  white-space: nowrap;\n}\n\n\/* ===== SECTIONS ===== *\/\n.ivx .section {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 84px 28px;\n}\n\n.ivx .section-narrow { max-width: 980px; }\n\n.ivx .section-dark {\n  max-width: none;\n  margin: 22px 0;\n  padding: 84px 0;\n  background: linear-gradient(135deg, #17120f, #332319);\n  color: #fff;\n}\n\n.ivx .section-dark .section-inner {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 0 28px;\n}\n\n.ivx .label {\n  display: inline-flex;\n  margin-bottom: 16px;\n  color: var(--gold-dark);\n  font-size: 12px;\n  font-weight: 1000;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n}\n\n.ivx .section-dark .label { color: #e0bd85; }\n\n.ivx h2 {\n  max-width: 920px;\n  margin-bottom: 18px;\n  font-size: clamp(30px, 4.1vw, 54px);\n  line-height: 1.06;\n}\n\n.ivx h2 span { color: var(--gold-dark); }\n.ivx .section-dark h2 { color: #fff; }\n\n.ivx .subtitle {\n  max-width: 780px;\n  margin-bottom: 38px;\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.ivx .section-dark .subtitle { color: rgba(255, 255, 255, .70); }\n\n\/* ===== GRIDS \/ CARDS ===== *\/\n.ivx .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }\n.ivx .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }\n.ivx .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }\n\n.ivx .card {\n  position: relative;\n  overflow: hidden;\n  padding: 28px;\n  border-radius: var(--radius-md);\n  background: rgba(255, 255, 255, 0.74);\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow-soft);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.ivx .card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow);\n}\n\n.ivx .icon {\n  width: 50px;\n  height: 50px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 18px;\n  border-radius: 18px;\n  background: var(--cream);\n  font-size: 23px;\n}\n\n.ivx .card h3 {\n  margin-bottom: 10px;\n  font-size: 24px;\n  line-height: 1.15;\n}\n\n.ivx .card p,\n.ivx .card li {\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.ivx .card ul { display: grid; gap: 10px; }\n\n.ivx .card li {\n  display: flex;\n  gap: 9px;\n}\n\n.ivx .card li::before {\n  content: \"\u2713\";\n  color: var(--gold-dark);\n  font-weight: 900;\n}\n\n\/* ===== SPECIFIC ===== *\/\n.ivx .plain-list {\n  display: grid;\n  gap: 12px;\n}\n\n.ivx .plain-list li {\n  display: flex;\n  gap: 12px;\n  padding: 15px 0;\n  border-bottom: 1px solid var(--line);\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.ivx .plain-list li:last-child { border-bottom: 0; }\n.ivx .plain-list b { color: var(--gold-dark); }\n\n.ivx .compare {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 22px;\n}\n\n.ivx .compare-box {\n  padding: 34px;\n  border-radius: var(--radius-lg);\n  background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.ivx .compare-box.solution {\n  background: rgba(183, 137, 84, .15);\n  border-color: rgba(224, 189, 133, .35);\n}\n\n.ivx .compare-box h3 {\n  color: #fff;\n  margin-bottom: 18px;\n  font-size: 30px;\n}\n\n.ivx .compare-box ul { display: grid; gap: 14px; }\n\n.ivx .compare-box li {\n  color: rgba(255,255,255,.74);\n  line-height: 1.65;\n  display: flex;\n  gap: 12px;\n}\n\n.ivx .compare-box b { color: #e0bd85; }\n\n\/* ===== REFERENCE ===== *\/\n.ivx .testimonials {\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 22px;\n  align-items: stretch;\n}\n\n.ivx .quote-card {\n  padding: 34px;\n  border-radius: var(--radius-lg);\n  background: #fff;\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow);\n}\n\n.ivx .quote-card.featured {\n  background: linear-gradient(135deg, #17120f, #332319);\n  color: #fff;\n}\n\n.ivx .quote-card.featured h3 { color: #fff; }\n\n.ivx .quote {\n  font-family: 'Playfair Display', serif;\n  color: var(--ink);\n  font-size: 28px;\n  line-height: 1.28;\n  letter-spacing: -0.03em;\n}\n\n.ivx .quote-card.featured .quote { color: #fff; }\n\n.ivx .quote-meta {\n  margin-top: 20px;\n  color: var(--muted);\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n.ivx .quote-card.featured .quote-meta { color: rgba(255,255,255,.68); }\n\n.ivx .mini-results {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-top: 24px;\n}\n\n.ivx .mini-result {\n  padding: 16px;\n  border-radius: 20px;\n  background: var(--cream);\n}\n\n.ivx .quote-card.featured .mini-result {\n  background: rgba(255,255,255,.10);\n}\n\n.ivx .mini-result strong {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--gold-dark);\n  font-size: 22px;\n  letter-spacing: -0.04em;\n}\n\n.ivx .quote-card.featured .mini-result strong { color: #e0bd85; }\n\n.ivx .mini-result span {\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.ivx .quote-card.featured .mini-result span { color: rgba(255,255,255,.65); }\n\n\/* ===== CEN\u00cdK NA M\u00cdRU ===== *\/\n.ivx .custom-price {\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: 24px;\n  align-items: stretch;\n}\n\n.ivx .price-intro {\n  padding: 34px;\n  border-radius: var(--radius-lg);\n  background: #fff;\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow);\n}\n\n.ivx .price-intro h3 {\n  font-size: 34px;\n  margin-bottom: 14px;\n}\n\n.ivx .price-intro p {\n  color: var(--muted);\n  line-height: 1.75;\n  font-size: 16px;\n}\n\n.ivx .price-note {\n  margin-top: 22px;\n  padding: 18px;\n  border-radius: 20px;\n  background: var(--cream);\n  color: var(--text);\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n.ivx .price-steps { display: grid; gap: 14px; }\n\n.ivx .price-step {\n  display: grid;\n  grid-template-columns: 54px 1fr;\n  gap: 16px;\n  align-items: start;\n  padding: 22px;\n  border-radius: 24px;\n  background: rgba(255,255,255,.78);\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow-soft);\n}\n\n.ivx .price-step-number {\n  width: 54px;\n  height: 54px;\n  display: grid;\n  place-items: center;\n  border-radius: 18px;\n  background: var(--ink);\n  color: #fff;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.ivx .price-step h3 {\n  font-family: 'Inter', sans-serif;\n  letter-spacing: -0.02em;\n  font-size: 18px;\n  margin-bottom: 6px;\n}\n\n.ivx .price-step p {\n  color: var(--muted);\n  line-height: 1.65;\n  font-size: 15px;\n}\n\n\/* ===== PROCESS ===== *\/\n.ivx .timeline {\n  display: grid;\n  gap: 14px;\n  counter-reset: process;\n}\n\n.ivx .step {\n  counter-increment: process;\n  display: grid;\n  grid-template-columns: 64px 1fr auto;\n  gap: 20px;\n  align-items: center;\n  padding: 24px;\n  border-radius: 26px;\n  background: rgba(255,255,255,.74);\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow-soft);\n}\n\n.ivx .step::before {\n  content: counter(process);\n  width: 58px;\n  height: 58px;\n  border-radius: 20px;\n  display: grid;\n  place-items: center;\n  background: var(--ink);\n  color: #fff;\n  font-weight: 900;\n}\n\n.ivx .step h3 {\n  font-size: 24px;\n  margin-bottom: 5px;\n}\n\n.ivx .step p {\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.ivx .step em {\n  font-style: normal;\n  color: var(--gold-dark);\n  font-weight: 900;\n  white-space: nowrap;\n}\n\n\/* ===== ABOUT \/ CTA ===== *\/\n.ivx .about {\n  display: grid;\n  grid-template-columns: .82fr 1.18fr;\n  gap: 28px;\n  align-items: stretch;\n}\n\n.ivx .about-box {\n  padding: 34px;\n  border-radius: var(--radius-lg);\n  background: #fff;\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow-soft);\n}\n\n.ivx .about-box.highlight {\n  background: linear-gradient(135deg, #17120f, #332319);\n  color: #fff;\n}\n\n.ivx .about-box.highlight h3 { color: #fff; }\n\n.ivx .about-box h3 {\n  font-size: 34px;\n  margin-bottom: 14px;\n}\n\n.ivx .about-box p {\n  color: var(--muted);\n  line-height: 1.75;\n}\n\n.ivx .about-box.highlight p { color: rgba(255,255,255,.72); }\n\n.ivx .cta {\n  padding: 46px;\n  border-radius: 34px;\n  background:\n    radial-gradient(circle at 15% 15%, rgba(224, 189, 133, .34), transparent 30%),\n    linear-gradient(135deg, #17120f, #39291e);\n  color: #fff;\n  box-shadow: var(--shadow);\n}\n\n.ivx .cta h2 {\n  color: #fff;\n  max-width: 820px;\n}\n\n.ivx .cta p {\n  max-width: 720px;\n  margin-bottom: 28px;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n\/* ===== FAQ \/ CONTACT ===== *\/\n.ivx .faq-grid { display: grid; gap: 12px; }\n\n.ivx .faq-item {\n  border-radius: 22px;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow-soft);\n}\n\n.ivx .faq-q {\n  width: 100%;\n  padding: 22px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  border: 0;\n  background: transparent;\n  color: var(--ink);\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: 900;\n  text-align: left;\n}\n\n.ivx .faq-q span:last-child {\n  color: var(--gold-dark);\n  font-size: 26px;\n  transition: transform .25s ease;\n}\n\n.ivx .faq-item.open .faq-q span:last-child { transform: rotate(45deg); }\n\n.ivx .faq-a {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height .35s ease;\n}\n\n.ivx .faq-item.open .faq-a { max-height: 280px; }\n\n.ivx .faq-a p {\n  padding: 0 24px 22px;\n  color: var(--muted);\n  line-height: 1.7;\n}\n\n.ivx .contact {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  gap: 26px;\n  align-items: start;\n}\n\n.ivx .contact-card,\n.ivx form {\n  padding: 32px;\n  border-radius: var(--radius-lg);\n  background: #fff;\n  border: 1px solid var(--line);\n  box-shadow: var(--shadow);\n}\n\n.ivx .contact-card h3 {\n  font-size: 32px;\n  margin-bottom: 12px;\n}\n\n.ivx .contact-card p {\n  color: var(--muted);\n  line-height: 1.75;\n}\n\n.ivx .contact-list {\n  display: grid;\n  gap: 10px;\n  margin-top: 20px;\n}\n\n.ivx .contact-list a,\n.ivx .contact-list span {\n  display: flex;\n  gap: 11px;\n  align-items: center;\n  padding: 14px;\n  border-radius: 18px;\n  background: var(--soft);\n  font-weight: 800;\n  color: var(--text);\n}\n\n.ivx .form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n.ivx .form-group { margin-bottom: 14px; }\n\n.ivx .form-group label {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--ink);\n  font-size: 13px;\n  font-weight: 900;\n}\n\n.ivx input,\n.ivx textarea {\n  width: 100%;\n  padding: 15px 16px;\n  border: 1.5px solid #e4d4c2;\n  border-radius: 16px;\n  background: #fffdf9;\n  color: var(--text);\n  font-size: 15px;\n  transition: border-color .2s ease, box-shadow .2s ease;\n}\n\n.ivx input:focus,\n.ivx textarea:focus {\n  outline: none;\n  border-color: var(--gold);\n  box-shadow: 0 0 0 5px rgba(183, 137, 84, .12);\n}\n\n.ivx textarea {\n  min-height: 136px;\n  resize: vertical;\n}\n\n.ivx .gdpr {\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  margin: 8px 0 18px;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.ivx .gdpr input {\n  width: auto;\n  margin-top: 2px;\n}\n\n\/* ===== FOOTER ===== *\/\n.ivx .footer {\n  padding: 48px 28px;\n  background: #120e0c;\n  color: rgba(255,255,255,.58);\n}\n\n.ivx .footer-inner {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  flex-wrap: wrap;\n  font-size: 14px;\n}\n\n.ivx .footer b { color: #fff; }\n\n\/* ===== TABLET ===== *\/\n@media (max-width: 1024px) {\n  .ivx .topbar { padding: 13px 22px; }\n  .ivx .nav-desktop, .ivx .topbar > .btn { display: none; }\n  .ivx .menu-toggle { display: block; }\n\n  .ivx .hero {\n    grid-template-columns: 1fr;\n    gap: 36px;\n    padding: 62px 22px 56px;\n  }\n\n  .ivx .hero::before {\n    right: -260px;\n    top: -60px;\n  }\n\n  .ivx h1 { font-size: clamp(42px, 8vw, 68px); }\n  .ivx .hero-sub { max-width: 780px; }\n\n  .ivx .hero-system {\n    max-width: 620px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  \n\n  .ivx .section, .ivx .section-dark {\n    padding-top: 72px;\n    padding-bottom: 72px;\n  }\n\n  .ivx .section,\n  .ivx .section-dark .section-inner {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .ivx .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .ivx .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n  .ivx .compare,\n  .ivx .custom-price,\n  .ivx .about,\n  .ivx .contact,\n  .ivx .testimonials {\n    grid-template-columns: 1fr;\n  }\n\n  .ivx .price-intro,\n  .ivx .about-box,\n  .ivx .contact-card,\n  .ivx form {\n    padding: 30px;\n  }\n}\n\n\/* ===== MOBIL ===== *\/\n@media (max-width: 640px) {\n  .ivx .topbar { padding: 12px 16px; }\n  .ivx .logo {\n    font-size: 15px;\n    max-width: calc(100vw - 88px);\n  }\n\n  .ivx .logo-mark {\n    width: 34px;\n    height: 34px;\n    border-radius: 12px;\n    font-size: 12px;\n  }\n\n  .ivx .nav-mobile { left: 10px; right: 10px; }\n\n  .ivx .hero {\n    padding: 46px 16px 44px;\n    gap: 28px;\n  }\n\n  .ivx .eyebrow {\n    font-size: 12px;\n    padding: 9px 12px;\n  }\n\n  .ivx h1 {\n    font-size: 40px;\n    line-height: 1.03;\n    letter-spacing: -0.04em;\n  }\n\n  .ivx .hero-sub {\n    font-size: 16px;\n    line-height: 1.68;\n  }\n\n  .ivx .hero-cta .btn { width: 100%; }\n\n  .ivx .micro-proof { gap: 8px; }\n  .ivx .micro-proof span {\n    width: 100%;\n    justify-content: flex-start;\n  }\n\n  \n\n  .ivx .system-card {\n    padding: 14px;\n    border-radius: 26px;\n  }\n\n  .ivx .system-top {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .ivx .system-main {\n    padding: 18px;\n    border-radius: 22px;\n  }\n\n  .ivx .system-item {\n    grid-template-columns: 30px 1fr;\n    padding: 13px;\n  }\n\n  .ivx .system-check {\n    width: 30px;\n    height: 30px;\n    border-radius: 11px;\n  }\n\n  .ivx .quick-box { grid-template-columns: 1fr; }\n\n  .ivx .marquee span {\n    padding: 14px 18px;\n    font-size: 12px;\n  }\n\n  .ivx .section, .ivx .section-dark {\n    padding-top: 62px;\n    padding-bottom: 62px;\n  }\n\n  .ivx .section,\n  .ivx .section-dark .section-inner {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .ivx h2 {\n    font-size: 31px;\n    line-height: 1.08;\n  }\n\n  .ivx .subtitle {\n    font-size: 16px;\n    margin-bottom: 28px;\n  }\n\n  .ivx .grid-2, .ivx .grid-3, .ivx .grid-4 {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .ivx .card,\n  .ivx .compare-box,\n  .ivx .price-intro,\n  .ivx .about-box,\n  .ivx .contact-card,\n  .ivx form,\n  .ivx .quote-card {\n    padding: 24px;\n    border-radius: 24px;\n  }\n\n  .ivx .card h3,\n  .ivx .step h3 {\n    font-size: 22px;\n  }\n\n  .ivx .compare-box h3,\n  .ivx .price-intro h3,\n  .ivx .about-box h3,\n  .ivx .contact-card h3 {\n    font-size: 28px;\n  }\n\n  .ivx .quote {\n    font-size: 24px;\n  }\n\n  .ivx .mini-results {\n    grid-template-columns: 1fr;\n  }\n\n  .ivx .price-step {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 20px;\n  }\n\n  .ivx .step {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 22px;\n  }\n\n  .ivx .step::before {\n    width: 52px;\n    height: 52px;\n    border-radius: 18px;\n  }\n\n  .ivx .step em { white-space: normal; }\n\n  .ivx .cta {\n    padding: 30px 24px;\n    border-radius: 26px;\n  }\n\n  .ivx .cta .btn { width: 100%; }\n\n  .ivx .form-grid {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .ivx .faq-q {\n    padding: 18px 20px;\n    font-size: 15px;\n  }\n\n  .ivx .faq-a p {\n    padding: 0 20px 20px;\n    font-size: 14px;\n  }\n\n  .ivx .footer {\n    padding: 38px 16px;\n  }\n\n  .ivx .footer-inner {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 380px) {\n  .ivx h1 { font-size: 35px; }\n  .ivx h2 { font-size: 28px; }\n  .ivx .btn {\n    padding-left: 18px;\n    padding-right: 18px;\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"ProfessionalService\",\n  \"name\": \"Ivona Svobodov\u00e1 \u2013 technick\u00e1 podpora pro online podnikatelky\",\n  \"description\": \"Technick\u00e1 podpora pro podnikatelky, kou\u010dky, terapeutky a lektorky. Weby, newslettery, rezervace, automatizace, online kurzy a spr\u00e1va online n\u00e1stroj\u016f na m\u00edru.\",\n  \"url\": \"https:\/\/ivonasvobodova.cz\",\n  \"email\": \"info@ivonasvobodova.cz\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"addressCountry\": \"CZ\"\n  },\n  \"knowsAbout\": [\n    \"WordPress\",\n    \"Shoptet\",\n    \"Webnode\",\n    \"Canva\",\n    \"SmartEmailing\",\n    \"Ecomail\",\n    \"Automatizace\",\n    \"Online kurzy\",\n    \"Rezerva\u010dn\u00ed syst\u00e9my\",\n    \"Technick\u00e1 podpora\"\n  ]\n}\n<\/script>\n\n<div class=\"ivx\">\n  <header class=\"topbar\" id=\"topbar\">\n    <a href=\"#\" class=\"logo\" aria-label=\"Ivona Svobodov\u00e1\">\n      <span class=\"logo-mark\">IS<\/span>\n      <span>Ivona Svobodov\u00e1<\/span>\n    <\/a>\n\n    <nav class=\"nav-desktop\" aria-label=\"Hlavn\u00ed navigace\">\n      <a href=\"#situace\">Pozn\u00e1v\u00e1te se?<\/a>\n      <a href=\"#projekty\">Projekty<\/a>\n      <a href=\"#sluzby\">S \u010d\u00edm pom\u016f\u017eu<\/a>\n      <a href=\"#cena\">Spolupr\u00e1ce<\/a>\n      <a href=\"#kontakt\">Kontakt<\/a>\n    <\/nav>\n\n    <a href=\"#kontakt\" class=\"btn btn-primary\">Chci nez\u00e1vazn\u00fd n\u00e1vrh<\/a>\n\n    <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Otev\u0159\u00edt menu\" aria-expanded=\"false\">\n      <span><\/span>\n    <\/button>\n\n    <nav class=\"nav-mobile\" id=\"navMobile\" aria-label=\"Mobiln\u00ed navigace\">\n      <a href=\"#situace\" class=\"mobile-link\">Pozn\u00e1v\u00e1te se?<\/a>\n      <a href=\"#projekty\" class=\"mobile-link\">Projekty<\/a>\n      <a href=\"#sluzby\" class=\"mobile-link\">S \u010d\u00edm pom\u016f\u017eu<\/a>\n      <a href=\"#cena\" class=\"mobile-link\">Spolupr\u00e1ce<\/a>\n      <a href=\"#kontakt\" class=\"mobile-link\">Kontakt<\/a>\n      <a href=\"#kontakt\" class=\"btn btn-primary btn-full mobile-link\">Chci nez\u00e1vazn\u00fd n\u00e1vrh<\/a>\n    <\/nav>\n  <\/header>\n\n  <main>\n    <section class=\"hero\">\n      <div class=\"hero-copy reveal visible\">\n        <div class=\"eyebrow\"><i><\/i>Technick\u00e1 podpora v online podnik\u00e1n\u00ed<\/div>\n\n        <h1>\n          Kdy\u017e se nechcete tr\u00e1pit technikou,\n          <span>postar\u00e1m se o ni za v\u00e1s.<\/span>\n        <\/h1>\n\n        <p class=\"hero-sub\">\n          Pot\u0159ebujete upravit web, propojit aplikace, nastavit newsletter, rezerva\u010dn\u00ed syst\u00e9m, \u010dlenskou sekci nebo online kurz? A\u0165 u\u017e jde o technick\u00e9 nastaven\u00ed, automatizace nebo ka\u017edodenn\u00ed spr\u00e1vu, postar\u00e1m se o to, aby v\u0161e fungovalo spolehliv\u011b a bez zbyte\u010dn\u00fdch starost\u00ed.\n\n          <br><br>\n          Nemus\u00edte hledat p\u011bt r\u016fzn\u00fdch specialist\u016f ani ztr\u00e1cet ve\u010dery u n\u00e1vod\u016f. <strong>\u0158eknete mi, co chcete, a j\u00e1 navrhnu nejjednodu\u0161\u0161\u00ed cestu, jak to technicky vy\u0159e\u0161it.<\/strong>\n        <\/p>\n\n        <div class=\"hero-cta\">\n          <a href=\"#kontakt\" class=\"btn btn-primary\">Chci probrat, co pot\u0159ebuji \u2192<\/a>\n          <a href=\"#situace\" class=\"btn btn-secondary\">Zjistit, jestli je to pro m\u011b<\/a>\n        <\/div>\n\n        <div class=\"micro-proof\">\n          <span><b>\u2713<\/b> weby a \u00fapravy<\/span>\n          <span><b>\u2713<\/b> newslettery a formul\u00e1\u0159e<\/span>\n          <span><b>\u2713<\/b> kurzy, rezervace, automatizace<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-system reveal delay-2\">\n        <div class=\"system-card\">\n          <div class=\"system-top\">\n            <div class=\"system-title\">Co spolu d\u00e1me do po\u0159\u00e1dku<\/div>\n            <div class=\"system-pill\">bez chaosu<\/div>\n          <\/div>\n\n          <div class=\"system-main\">\n            <h3>Jednodu\u0161\u0161\u00ed technick\u00e9 z\u00e1zem\u00ed pro va\u0161e podnik\u00e1n\u00ed<\/h3>\n\n            <div class=\"system-list\">\n              <div class=\"system-item\">\n                <span class=\"system-check\">\u2713<\/span>\n                <div>\n                  <b>Web, kter\u00fd jasn\u011b vede k popt\u00e1vce<\/b>\n                  <span>Struktura, texty, formul\u00e1\u0159e a v\u00fdzvy k akci.<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"system-item\">\n                <span class=\"system-check\">\u2713<\/span>\n                <div>\n                  <b>Technick\u00e9 nastaven\u00ed bez starost\u00ed<\/b>\n                  <span>Formul\u00e1\u0159e, e-mailing, rezervace, online kurzy, automatizace i napojen\u00ed aplikac\u00ed \u2013 v\u0161e nastav\u00edm tak, aby fungovalo.<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"system-item\">\n                <span class=\"system-check\">\u2713<\/span>\n                <div>\n                  <b>Grafika, kter\u00e1 zaujme<\/b>\n                  <span>Loga, bannery, p\u0159\u00edsp\u011bvky na soci\u00e1ln\u00ed s\u00edt\u011b, prezentace, let\u00e1ky i dal\u0161\u00ed grafick\u00e9 materi\u00e1ly na m\u00edru.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"system-note\">\n            <b>Kdy\u017e n\u011bco nefunguje, m\u00e1te komu napsat.<\/b>\n            <span>Nemus\u00edte hledat n\u00e1vody ani \u010dekat na n\u011bkolik dodavatel\u016f. Technickou \u010d\u00e1st vy\u0159e\u0161\u00edme prakticky a p\u0159ehledn\u011b.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"quick-box\">\n          <div class=\"quick-item\">\n            <strong>Komplexn\u00ed podpora podnik\u00e1n\u00ed<\/strong>\n            <span>Od grafiky a webu a\u017e po technick\u00e1 \u0159e\u0161en\u00ed, automatizace a online syst\u00e9my.<\/span>\n          <\/div>\n          <div class=\"quick-item\">\n            <strong>na m\u00edru<\/strong>\n            <span>bez univerz\u00e1ln\u00edch bal\u00ed\u010dk\u016f a zbyte\u010dn\u00fdch polo\u017eek<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"marquee\" aria-hidden=\"true\">\n      <div class=\"marquee-track\">\n        <span>WORDPRESS<\/span><span>NEWSLETTER<\/span><span>REZERVACE<\/span><span>AUTOMATIZACE<\/span><span>ONLINE KURZY<\/span><span>CANVA<\/span><span>MIOWEB<\/span><span>SHOPIFY<\/span>\n        <span>WORDPRESS<\/span><span>NEWSLETTER<\/span><span>REZERVACE<\/span><span>AUTOMATIZACE<\/span><span>ONLINE KURZY<\/span><span>CANVA<\/span><span>MIOWEB<\/span><span>SHOPIFY<\/span>\n      <\/div>\n    <\/div>\n\n    <section class=\"section\" id=\"situace\">\n      <span class=\"label reveal\">Pozn\u00e1v\u00e1te se?<\/span>\n      <h2 class=\"reveal\">V\u00edte, co chcete nab\u00eddnout. Jen technick\u00e1 \u010d\u00e1st v\u00e1m bere \u010das, energii a chu\u0165 to dot\u00e1hnout.<\/h2>\n      <p class=\"subtitle reveal\">\n        Nej\u010dast\u011bji pom\u00e1h\u00e1m podnikatelk\u00e1m, kter\u00e9 u\u017e necht\u011bj\u00ed \u0159e\u0161it v\u0161echno samy. Maj\u00ed n\u00e1pad, slu\u017ebu, kurz nebo rozpracovan\u00fd web, ale pot\u0159ebuj\u00ed n\u011bkoho, kdo technickou \u010d\u00e1st uchop\u00ed a dot\u00e1hne.\n      <\/p>\n\n      <div class=\"grid-3\">\n        <div class=\"card reveal delay-1\">\n          <div class=\"icon\">\ud83d\ude29<\/div>\n          <h3>Technika v\u00e1s zdr\u017euje<\/h3>\n          <p>M\u00edsto rozvoje sv\u00e9ho podnik\u00e1n\u00ed \u0159e\u0161\u00edte web, grafiku, e-mailing, automatizace nebo drobn\u00e9 technick\u00e9 probl\u00e9my, kter\u00e9 v\u00e1m zbyte\u010dn\u011b berou \u010das i energii.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <div class=\"icon\">\u23f3<\/div>\n          <h3>D\u016fle\u017eit\u00e9 v\u011bci odkl\u00e1d\u00e1te<\/h3>\n          <p>Nov\u00fd web, kurz, workshop nebo e-mailov\u00e1 datab\u00e1ze \u010dekaj\u00ed, proto\u017ee nev\u00edte, kde za\u010d\u00edt a co m\u00e1 prioritu.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-3\">\n          <div class=\"icon\">\ud83e\udde9<\/div>\n          <h3>Chyb\u00ed v\u00e1m jednoduch\u00fd syst\u00e9m<\/h3>\n          <p>Pou\u017e\u00edv\u00e1te n\u011bkolik n\u00e1stroj\u016f, ale nejsou propojen\u00e9. \u010c\u00e1st v\u011bc\u00ed d\u011bl\u00e1te ru\u010dn\u011b a klientsk\u00e1 cesta je slo\u017eit\u011bj\u0161\u00ed, ne\u017e mus\u00ed b\u00fdt.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section-dark\" id=\"vysledky\">\n      <div class=\"section-inner\">\n        <span class=\"label reveal\">Co z\u00edsk\u00e1te<\/span>\n        <h2 class=\"reveal\">Nejde jen o techniku. Jde o to, aby se klient snadno dostal k va\u0161\u00ed nab\u00eddce.<\/h2>\n        <p class=\"subtitle reveal\">\n          Nesta\u010d\u00ed, aby web nebo grafika jen dob\u0159e vypadaly. V\u0161e mus\u00ed spolupracovat \u2013 od prvn\u00edho dojmu p\u0159es d\u016fv\u011bru a\u017e po odeslanou popt\u00e1vku, rezervaci nebo n\u00e1kup.\n        <\/p>\n\n        <div class=\"compare\">\n          <div class=\"compare-box reveal delay-1\">\n            <h3>P\u0159ed spoluprac\u00ed<\/h3>\n            <ul>\n              <li>\u274c Web ne\u0159\u00edk\u00e1 dost jasn\u011b, co nab\u00edz\u00edte a pro koho.<\/li>\n              <li>\u274c Newsletter nebo formul\u00e1\u0159e se dlouho odkl\u00e1daj\u00ed.<\/li>\n              <li>\u274c P\u0159ihl\u00e1\u0161ky, rezervace a e-maily \u0159e\u0161\u00edte ru\u010dn\u011b.<\/li>\n              <li>\u274c Nev\u00edte, co upravit jako prvn\u00ed, aby to m\u011blo dopad.<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"compare-box solution reveal delay-2\">\n            <h3>Po spolupr\u00e1ci<\/h3>\n            <ul>\n              <li><b>\u2713<\/b> M\u00e1te jasn\u011bj\u0161\u00ed web a nab\u00eddku, kter\u00e1 se l\u00e9pe ch\u00e1pe.<\/li>\n              <li><b>\u2713<\/b> Kontakty, formul\u00e1\u0159e a e-maily funguj\u00ed p\u0159ehledn\u011bji.<\/li>\n              <li><b>\u2713<\/b> Klient se snadn\u011bji objedn\u00e1, p\u0159ihl\u00e1s\u00ed nebo nap\u00ed\u0161e.<\/li>\n              <li><b>\u2713<\/b> V\u00edte, co kde m\u00e1te, a kdy\u017e n\u011bco nefunguje, v\u00edte, komu napsat.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"sluzby\">\n      <span class=\"label reveal\">S \u010d\u00edm v\u00e1m pom\u016f\u017eu<\/span>\n      <h2 class=\"reveal\">Postar\u00e1m se o technick\u00e9 i kreativn\u00ed \u00fakoly, abyste m\u011bli v\u00edce \u010dasu na sv\u00e9 podnik\u00e1n\u00ed a klienty.<\/h2>\n      <p class=\"subtitle reveal\">\n        Nemus\u00edte m\u00edt v\u0161e dokonal\u00e9 hned od za\u010d\u00e1tku. Sta\u010d\u00ed spr\u00e1vn\u011b nastavit kl\u00ed\u010dov\u00e9 prvky va\u0161eho online podnik\u00e1n\u00ed. D\u00edky tomu bude v\u0161e fungovat p\u0159ehledn\u011bji, efektivn\u011bji a bez zbyte\u010dn\u00fdch komplikac\u00ed.\n\n      <\/p>\n\n      <div class=\"grid-3\">\n        <div class=\"card reveal delay-1\">\n          <div class=\"icon\">\ud83c\udf10<\/div>\n          <h3>Web a nab\u00eddka<\/h3>\n          <p>\u00daprava nebo tvorba webu, jasn\u011bj\u0161\u00ed struktura, kontaktn\u00ed formul\u00e1\u0159e, textace, v\u00fdzvy k akci a z\u00e1kladn\u00ed technick\u00e1 spr\u00e1va.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <div class=\"icon\">\u2709\ufe0f<\/div>\n          <h3>Newsletter a kontakty<\/h3>\n          <p>Nastaven\u00ed formul\u00e1\u0159\u016f, datab\u00e1ze kontakt\u016f, uv\u00edtac\u00ed sekvence a propojen\u00ed se SmartEmailingem, Ecomailem nebo jin\u00fdm n\u00e1strojem.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-3\">\n          <div class=\"icon\">\u2699\ufe0f<\/div>\n          <h3>Automatizace<\/h3>\n          <p>Propoj\u00edm n\u00e1stroje tak, aby se kontakty, rezervace, p\u0159ihl\u00e1\u0161ky a e-maily nemusely zpracov\u00e1vat ru\u010dn\u011b.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-1\">\n          <div class=\"icon\">\ud83d\udcc5<\/div>\n          <h3>Rezervace a p\u0159ihl\u00e1\u0161ky<\/h3>\n          <p>Pom\u016f\u017eu nastavit cestu klienta od z\u00e1jmu p\u0159es rezervaci, formul\u00e1\u0159 nebo p\u0159ihl\u00e1\u0161ku a\u017e po potvrzovac\u00ed e-mail.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <div class=\"icon\">\ud83c\udf93<\/div>\n          <h3>Online kurzy a workshopy<\/h3>\n          <p>Landing page, p\u0159ihl\u00e1\u0161ky, e-maily, \u010dlensk\u00e1 sekce, materi\u00e1ly a technick\u00e9 kroky pot\u0159ebn\u00e9 ke spu\u0161t\u011bn\u00ed.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-3\">\n          <div class=\"icon\">\ud83c\udfa8<\/div>\n          <h3>Grafika a \u0161ablony<\/h3>\n          <p>Jednoduch\u00e9 vizu\u00e1ly, PDF materi\u00e1ly, \u0161ablony v Canv\u011b, prezentace a grafika, kter\u00e1 lad\u00ed s va\u0161\u00edm podnik\u00e1n\u00edm.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\">\n      <span class=\"label reveal\">P\u0159\u00edklady situac\u00ed<\/span>\n      <h2 class=\"reveal\">M\u016f\u017eete mi napsat i ve chv\u00edli, kdy je\u0161t\u011b nem\u00e1te p\u0159esn\u00e9 zad\u00e1n\u00ed.<\/h2>\n      <p class=\"subtitle reveal\">\n        Nemus\u00edte v\u011bd\u011bt, jak\u00fd n\u00e1stroj pou\u017e\u00edt nebo jak to technicky pojmenovat. Sta\u010d\u00ed popsat, \u010deho chcete dos\u00e1hnout.\n      <\/p>\n\n      <div class=\"grid-2\">\n        <div class=\"card reveal delay-1\">\n          <h3>\u201eChci spustit workshop, ale nev\u00edm, jak vy\u0159e\u0161it p\u0159ihl\u00e1\u0161ky.\u201c<\/h3>\n          <p>Nastav\u00edme str\u00e1nku, formul\u00e1\u0159, potvrzovac\u00ed e-maily a jednoduch\u00fd proces, aby se lid\u00e9 mohli p\u0159ihl\u00e1sit bez zmatk\u016f.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <h3>\u201eM\u00e1m web, ale nechod\u00ed mi z n\u011bj popt\u00e1vky.\u201c<\/h3>\n          <p>Pod\u00edv\u00e1me se na texty, strukturu, kontaktn\u00ed cestu a jasnost nab\u00eddky. \u010casto pom\u016f\u017ee p\u00e1r p\u0159esn\u00fdch \u00faprav.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-1\">\n          <h3>\u201ePot\u0159ebuji kone\u010dn\u011b za\u010d\u00edt sb\u00edrat kontakty.\u201c<\/h3>\n          <p>Nastav\u00edme formul\u00e1\u0159, e-mailingov\u00fd n\u00e1stroj a jednoduchou uv\u00edtac\u00ed komunikaci pro nov\u00e9 kontakty.<\/p>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <h3>\u201eM\u00e1m v n\u00e1stroj\u00edch chaos a nev\u00edm, co je zbyte\u010dn\u00e9.\u201c<\/h3>\n          <p>Projdu s v\u00e1mi, co pou\u017e\u00edv\u00e1te, co opravdu pot\u0159ebujete a co se d\u00e1 zjednodu\u0161it nebo propojit.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"projekty\">\n      <span class=\"label reveal\">Nej\u010dast\u011bj\u0161\u00ed projekty<\/span>\n      <h2 class=\"reveal\">Jak\u00e9 v\u011bci spolu m\u016f\u017eeme prakticky vy\u0159e\u0161it.<\/h2>\n      <p class=\"subtitle reveal\">\n        M\u00edsto obecn\u00fdch slib\u016f ukazuji konkr\u00e9tn\u00ed situace, se kter\u00fdmi se na m\u011b m\u016f\u017eete obr\u00e1tit. Nemus\u00edte m\u00edt p\u0159esn\u00e9 zad\u00e1n\u00ed \u2014 sta\u010d\u00ed v\u011bd\u011bt, co chcete zjednodu\u0161it nebo spustit.\n      <\/p>\n\n      <div class=\"grid-2\">\n        <div class=\"card reveal delay-1\">\n          <div class=\"icon\">\ud83c\udf10<\/div>\n          <h3>Web nefunguje tak, jak pot\u0159ebujete<\/h3>\n          <ul>\n            <li>\u00fapravy WordPressu, Miowebu nebo Shopify<\/li>\n            <li>kontaktn\u00ed formul\u00e1\u0159e a napojen\u00ed n\u00e1stroj\u016f<\/li>\n            <li>jasn\u011bj\u0161\u00ed struktura nab\u00eddky a v\u00fdzvy k akci<\/li>\n            <li>drobn\u00e9 technick\u00e9 opravy a kontrola webu<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <div class=\"icon\">\u2709\ufe0f<\/div>\n          <h3>Chcete za\u010d\u00edt sb\u00edrat kontakty<\/h3>\n          <ul>\n            <li>newsletterov\u00fd formul\u00e1\u0159 na web<\/li>\n            <li>lead magnet nebo jednoduch\u00e1 p\u0159ihla\u0161ovac\u00ed str\u00e1nka<\/li>\n            <li>uv\u00edtac\u00ed e-maily a z\u00e1kladn\u00ed automatizace<\/li>\n            <li>propojen\u00ed se SmartEmailingem, Ecomailem nebo jin\u00fdm n\u00e1strojem<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card reveal delay-1\">\n          <div class=\"icon\">\ud83c\udf93<\/div>\n          <h3>Spou\u0161t\u00edte kurz, workshop nebo konzultace<\/h3>\n          <ul>\n            <li>p\u0159ihl\u00e1\u0161ky, rezerva\u010dn\u00ed syst\u00e9m nebo objedn\u00e1vkov\u00fd proces<\/li>\n            <li>potvrzovac\u00ed e-maily a informace pro \u00fa\u010dastn\u00edky<\/li>\n            <li>landing page pro nab\u00eddku<\/li>\n            <li>\u010dlensk\u00e1 sekce nebo jednoduch\u00e9 p\u0159ed\u00e1n\u00ed materi\u00e1l\u016f<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card reveal delay-2\">\n          <div class=\"icon\">\ud83d\udee0\ufe0f<\/div>\n          <h3>Pot\u0159ebujete dlouhodobou technickou podporu<\/h3>\n          <ul>\n            <li>pr\u016fb\u011b\u017en\u00e9 \u00fapravy webu a obsahu<\/li>\n            <li>spr\u00e1va n\u00e1stroj\u016f a kontrola funk\u010dnosti<\/li>\n            <li>technick\u00e1 pomoc p\u0159i nov\u00fdch kampan\u00edch<\/li>\n            <li>konzultace, co m\u00e1 smysl \u0159e\u0161it jako dal\u0161\u00ed krok<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n    <section class=\"section\" id=\"cena\">\n      <span class=\"label reveal\">Spolupr\u00e1ce a cena<\/span>\n      <h2 class=\"reveal\">Cenu neur\u010duji podle hodinovky, ale podle toho, co ode m\u011b opravdu pot\u0159ebujete.<\/h2>\n      <p class=\"subtitle reveal\">\n        Ka\u017ed\u00e1 spolupr\u00e1ce je jin\u00e1. N\u011bkdy sta\u010d\u00ed rychl\u00e1 technick\u00e1 \u00faprava. Jindy d\u00e1v\u00e1 smysl projektov\u00e9 nastaven\u00ed webu, newsletteru nebo kurzu. A n\u011bkdy je nejlep\u0161\u00ed dlouhodob\u00e1 podpora.\n      <\/p>\n\n      <div class=\"custom-price\">\n        <div class=\"price-intro reveal delay-1\">\n          <h3>Spolupr\u00e1ce na m\u00edru<\/h3>\n          <p>\n            Nechci v\u00e1m prod\u00e1vat velk\u00fd bal\u00ed\u010dek, pokud pot\u0159ebujete vy\u0159e\u0161it jen jednu konkr\u00e9tn\u00ed v\u011bc. Nejd\u0159\u00edv si ujasn\u00edme situaci a potom navrhnu rozsah, cenu a priority.\n          <\/p>\n          <div class=\"price-note\">\n            V\u00fdsledkem bude jasn\u00e1 nab\u00eddka: co ud\u011bl\u00e1m, co bude v\u00fdstupem, kolik to bude st\u00e1t a co m\u00e1 nejv\u011bt\u0161\u00ed smysl \u0159e\u0161it jako prvn\u00ed.\n          <\/div>\n        <\/div>\n\n        <div class=\"price-steps\">\n          <div class=\"price-step reveal delay-1\">\n            <div class=\"price-step-number\">1<\/div>\n            <div>\n              <h3>Jednor\u00e1zov\u00e1 technick\u00e1 pomoc<\/h3>\n              <p>Pro opravu, nastaven\u00ed, \u00fapravu webu, formul\u00e1\u0159e, newsletteru nebo konkr\u00e9tn\u00edho technick\u00e9ho probl\u00e9mu.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"price-step reveal delay-2\">\n            <div class=\"price-step-number\">2<\/div>\n            <div>\n              <h3>Projektov\u00e9 nastaven\u00ed<\/h3>\n              <p>Pro spu\u0161t\u011bn\u00ed webu, workshopu, online kurzu, lead magnetu, rezerva\u010dn\u00edho procesu nebo e-mailov\u00e9 sekvence.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"price-step reveal delay-3\">\n            <div class=\"price-step-number\">3<\/div>\n            <div>\n              <h3>Dlouhodob\u00e1 podpora<\/h3>\n              <p>Pro podnikatele, kte\u0159\u00ed cht\u011bj\u00ed m\u00edt techniku, web, obsah a online n\u00e1stroje pr\u016fb\u011b\u017en\u011b pod kontrolou.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"proces\">\n      <span class=\"label reveal\">Jak to prob\u00edh\u00e1<\/span>\n      <h2 class=\"reveal\">Jednodu\u0161e, p\u0159ehledn\u011b a bez zbyte\u010dn\u00fdch komplikac\u00ed.<\/h2>\n\n      <div class=\"timeline\">\n        <div class=\"step reveal delay-1\">\n          <div>\n            <h3>Nap\u00ed\u0161ete mi, co \u0159e\u0161\u00edte<\/h3>\n            <p>Sta\u010d\u00ed stru\u010dn\u011b. Klidn\u011b lidsky, bez technick\u00fdch n\u00e1zv\u016f. D\u016fle\u017eit\u00e9 je, \u010deho chcete dos\u00e1hnout.<\/p>\n          <\/div>\n          <em>1. krok<\/em>\n        <\/div>\n\n        <div class=\"step reveal delay-2\">\n          <div>\n            <h3>Navrhnu nejjednodu\u0161\u0161\u00ed \u0159e\u0161en\u00ed<\/h3>\n            <p>\u0158eknu v\u00e1m, co m\u00e1 prioritu, co po\u010dk\u00e1 a jak\u00fd postup d\u00e1v\u00e1 smysl vzhledem k va\u0161emu c\u00edli.<\/p>\n          <\/div>\n          <em>n\u00e1vrh<\/em>\n        <\/div>\n\n        <div class=\"step reveal delay-3\">\n          <div>\n            <h3>Postar\u00e1m se o realizaci<\/h3>\n            <p>Uprav\u00edm web, nastav\u00edm n\u00e1stroje, formul\u00e1\u0159e, newslettery, rezervace nebo dal\u0161\u00ed \u010d\u00e1sti podle domluvy.<\/p>\n          <\/div>\n          <em>realizace<\/em>\n        <\/div>\n\n        <div class=\"step reveal delay-3\">\n          <div>\n            <h3>P\u0159ed\u00e1m v\u00e1m v\u00fdsledek<\/h3>\n            <p>Vysv\u011btl\u00edm, co kde je, jak s t\u00edm pracovat a co m\u00e1 smysl p\u0159\u00edpadn\u011b \u0159e\u0161it d\u00e1l.<\/p>\n          <\/div>\n          <em>p\u0159ed\u00e1n\u00ed<\/em>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\">\n      <div class=\"about\">\n        <div class=\"about-box highlight reveal delay-1\">\n          <h3>Nejsem agentura.<\/h3>\n          <p>\n            Komunikujete p\u0159\u00edmo se mnou. Nemus\u00edte sv\u016fj probl\u00e9m vysv\u011btlovat n\u011bkolika lidem ani \u010dekat, kdo si v\u00e1s p\u0159ed\u00e1 d\u00e1l.\n          <\/p>\n        <\/div>\n\n        <div class=\"about-box reveal delay-2\">\n          <h3>Hled\u00e1m \u0159e\u0161en\u00ed, kter\u00e1 d\u00e1vaj\u00ed smysl.<\/h3>\n          <p>\n            M\u00fdm c\u00edlem nen\u00ed p\u0159idat v\u00e1m dal\u0161\u00ed n\u00e1stroje a komplikace. M\u00fdm c\u00edlem je, aby technick\u00e1 str\u00e1nka va\u0161eho podnik\u00e1n\u00ed fungovala jednodu\u0161eji, p\u0159ehledn\u011bji a spolehliv\u011bji.\n            <br><br>\n            Kdy\u017e n\u011bco nejde, vysv\u011btl\u00edm to lidsky. Kdy\u017e existuje jednodu\u0161\u0161\u00ed cesta, doporu\u010d\u00edm ji.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\">\n      <div class=\"cta reveal\">\n        <h2>Brzd\u00ed v\u00e1s web, grafika, e-mailing nebo technick\u00e9 nastaven\u00ed? Spole\u010dn\u011b v\u0161e dot\u00e1hneme do funk\u010dn\u00edho \u0159e\u0161en\u00ed.\n<\/h2>\n        <p>\n          Napi\u0161te mi, co pr\u00e1v\u011b \u0159e\u0161\u00edte. Spole\u010dn\u011b zjist\u00edme, co m\u00e1 nejv\u011bt\u0161\u00ed smysl ud\u011blat jako prvn\u00ed, a p\u0159iprav\u00edm v\u00e1m n\u00e1vrh spolupr\u00e1ce na m\u00edru.\n        <\/p>\n        <a href=\"#kontakt\" class=\"btn btn-primary\">Chci nez\u00e1vazn\u00fd n\u00e1vrh \u2192<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"section section-narrow\" id=\"faq\">\n      <span class=\"label reveal\">Ot\u00e1zky a odpov\u011bdi<\/span>\n      <h2 class=\"reveal\">Co v\u00e1s m\u016f\u017ee zaj\u00edmat p\u0159ed spoluprac\u00ed.<\/h2>\n\n      <div class=\"faq-grid\">\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-q\" type=\"button\"><span>Mus\u00edm p\u0159esn\u011b v\u011bd\u011bt, co pot\u0159ebuji?<\/span><span>+<\/span><\/button>\n          <div class=\"faq-a\">\n            <p>Nemus\u00edte. Sta\u010d\u00ed popsat, co chcete spustit, opravit nebo zjednodu\u0161it. Pom\u016f\u017eu v\u00e1m ur\u010dit, co m\u00e1 nejv\u011bt\u0161\u00ed smysl \u0159e\u0161it jako prvn\u00ed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-q\" type=\"button\"><span>Um\u00edte pracovat s m\u00fdm st\u00e1vaj\u00edc\u00edm webem?<\/span><span>+<\/span><\/button>\n          <div class=\"faq-a\">\n            <p>Ano. Nejprve se pod\u00edv\u00e1m, v \u010dem je web vytvo\u0159en\u00fd a zda d\u00e1v\u00e1 smysl ho upravit, nebo navrhnout jednodu\u0161\u0161\u00ed nov\u00e9 \u0159e\u0161en\u00ed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-q\" type=\"button\"><span>Je spolupr\u00e1ce vhodn\u00e1 i pro za\u010d\u00e1te\u010dnice?<\/span><span>+<\/span><\/button>\n          <div class=\"faq-a\">\n            <p>Ano. U za\u010d\u00e1tku je d\u016fle\u017eit\u00e9 syst\u00e9m nep\u0159ekombinovat. Doporu\u010d\u00edm jen to, co v\u00e1m pom\u016f\u017ee ud\u011blat prvn\u00ed funk\u010dn\u00ed krok.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-q\" type=\"button\"><span>Jak rychle se domluv\u00edme na cen\u011b?<\/span><span>+<\/span><\/button>\n          <div class=\"faq-a\">\n            <p>Po \u00favodn\u00ed zpr\u00e1v\u011b nebo kr\u00e1tk\u00e9 konzultaci v\u00e1m p\u0159iprav\u00edm n\u00e1vrh rozsahu a ceny. Cena v\u017edy vych\u00e1z\u00ed z toho, co ode m\u011b konkr\u00e9tn\u011b pot\u0159ebujete.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"kontakt\">\n      <span class=\"label reveal\">Kontakt<\/span>\n      <h2 class=\"reveal\">Napi\u0161te mi, co pot\u0159ebujete vy\u0159e\u0161it.<\/h2>\n      <p class=\"subtitle reveal\">\n        Nemus\u00edte m\u00edt p\u0159ipraven\u00e9 profesion\u00e1ln\u00ed zad\u00e1n\u00ed. Sta\u010d\u00ed mi stru\u010dn\u011b popsat situaci a j\u00e1 v\u00e1m pom\u016f\u017eu zorientovat se v dal\u0161\u00edm kroku.\n      <\/p>\n\n      <div class=\"contact\">\n        <div class=\"contact-card reveal delay-1\">\n          <h3>Nez\u00e1vazn\u00fd n\u00e1vrh \u0159e\u0161en\u00ed<\/h3>\n          <p>\n            Napi\u0161te mi, co nab\u00edz\u00edte, jak\u00fd web nebo n\u00e1stroj pou\u017e\u00edv\u00e1te a kde se technicky zasek\u00e1v\u00e1te. Ozvu se v\u00e1m s n\u00e1vrhem dal\u0161\u00edho postupu.\n          <\/p>\n\n          <div class=\"contact-list\">\n            <a href=\"mailto:info@ivonasvobodova.cz\">\u2709\ufe0f info@ivonasvobodova.cz<\/a>\n            <span>\u2728 prvn\u00ed krok je nez\u00e1vazn\u00fd<\/span>\n            <span>\ud83d\udee0 web, e-mailing, rezervace, automatizace<\/span>\n          <\/div>\n        <\/div>\n\n        <form class=\"reveal delay-2\" id=\"contact-form\" action=\"https:\/\/formsubmit.co\/ajax\/info@ivonasvobodova.cz\" method=\"POST\">\n          <input type=\"hidden\" name=\"_subject\" value=\"Nov\u00e1 popt\u00e1vka z webu \u2013 technick\u00e1 podpora na m\u00edru\">\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n          <div class=\"form-grid\">\n            <div class=\"form-group\">\n              <label for=\"name\">Jm\u00e9no *<\/label>\n              <input id=\"name\" type=\"text\" name=\"Jm\u00e9no\" required placeholder=\"Va\u0161e jm\u00e9no\">\n            <\/div>\n\n            <div class=\"form-group\">\n              <label for=\"email\">E-mail *<\/label>\n              <input id=\"email\" type=\"email\" name=\"Email\" required placeholder=\"vas@email.cz\">\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"field\">Co d\u011bl\u00e1te?<\/label>\n            <input id=\"field\" type=\"text\" name=\"Obor\" placeholder=\"Nap\u0159. kou\u010dink, terapie, kurzy, konzultace...\">\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"message\">S \u010d\u00edm pot\u0159ebujete pomoct? *<\/label>\n            <textarea id=\"message\" name=\"Zpr\u00e1va\" required placeholder=\"Napi\u0161te mi, co chcete spustit, opravit nebo zjednodu\u0161it.\"><\/textarea>\n          <\/div>\n\n          <label class=\"gdpr\">\n            <input type=\"checkbox\" name=\"GDPR\" required>\n            <span>Souhlas\u00edm se zpracov\u00e1n\u00edm osobn\u00edch \u00fadaj\u016f za \u00fa\u010delem odpov\u011bdi na popt\u00e1vku.<\/span>\n          <\/label>\n\n          <button type=\"submit\" class=\"btn btn-primary btn-full\">Odeslat nez\u00e1vaznou popt\u00e1vku \u2192<\/button>\n          <div id=\"form-message-container\"><\/div>\n        <\/form>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"footer\">\n    <div class=\"footer-inner\">\n      <span><b>Ivona Svobodov\u00e1<\/b> \u2014 technick\u00e1 podpora pro online podnik\u00e1n\u00ed<\/span>\n      <span>\u00a9 2026 \u00b7 ivonasvobodova.cz<\/span>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var menuToggle = document.getElementById('menuToggle');\n  var topbar = document.getElementById('topbar');\n\n  if (menuToggle && topbar) {\n    menuToggle.addEventListener('click', function(e) {\n      e.stopPropagation();\n      var isOpen = topbar.classList.toggle('menu-open');\n      menuToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n    });\n\n    document.querySelectorAll('.mobile-link').forEach(function(link) {\n      link.addEventListener('click', function() {\n        topbar.classList.remove('menu-open');\n        menuToggle.setAttribute('aria-expanded', 'false');\n      });\n    });\n\n    document.addEventListener('click', function(e) {\n      if (!topbar.contains(e.target)) {\n        topbar.classList.remove('menu-open');\n        menuToggle.setAttribute('aria-expanded', 'false');\n      }\n    });\n  }\n\n  document.querySelectorAll('.faq-q').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var item = this.parentElement;\n      document.querySelectorAll('.faq-item').forEach(function(other) {\n        if (other !== item) {\n          other.classList.remove('open');\n        }\n      });\n      item.classList.toggle('open');\n    });\n  });\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.12 });\n\n    document.querySelectorAll('.reveal').forEach(function(el) {\n      observer.observe(el);\n    });\n  } else {\n    document.querySelectorAll('.reveal').forEach(function(el) {\n      el.classList.add('visible');\n    });\n  }\n\n  var form = document.getElementById('contact-form');\n  var msg = document.getElementById('form-message-container');\n\n  if (form) {\n    form.addEventListener('submit', async function(e) {\n      e.preventDefault();\n\n      var btn = form.querySelector('button[type=\"submit\"]');\n      var original = btn.innerHTML;\n\n      btn.innerHTML = 'Odes\u00edl\u00e1m...';\n      btn.disabled = true;\n      btn.style.opacity = '.72';\n\n      try {\n        var response = await fetch(form.action, {\n          method: 'POST',\n          body: new FormData(form)\n        });\n\n        var data = await response.json();\n\n        if (data.success) {\n          form.reset();\n\n          if (msg) {\n            msg.innerHTML = '<div style=\"margin-top:18px;padding:18px;border-radius:18px;background:#f4e8d8;color:#17120f;font-weight:900;text-align:center;\">\u2728 D\u011bkuji. Zpr\u00e1va ode\u0161la a brzy se v\u00e1m ozvu.<\/div>';\n          }\n\n          btn.innerHTML = original;\n          btn.disabled = false;\n          btn.style.opacity = '1';\n        } else {\n          throw new Error('Form submit error');\n        }\n      } catch (error) {\n        btn.innerHTML = 'Nepoda\u0159ilo se odeslat. Zkuste to znovu.';\n        btn.disabled = false;\n        btn.style.opacity = '1';\n\n        setTimeout(function() {\n          btn.innerHTML = original;\n        }, 3000);\n      }\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IS Ivona Svobodov\u00e1 Pozn\u00e1v\u00e1te se? Projekty S \u010d\u00edm pom\u016f\u017eu Spolupr\u00e1ce Kontakt Chci nez\u00e1vazn\u00fd n\u00e1vrh Pozn\u00e1v\u00e1te se? Projekty S \u010d\u00edm pom\u016f\u017eu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":247,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}