Vstupn\u00ed dotazn\u00edk \u2014 ELEN<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --c-bg: #FFFFFF;\n --c-surface: #FFFFFF;\n --c-text: #1A1A18;\n --c-muted: #6B6B65;\n --c-border: #E0DDD6;\n --c-chip-sel: #1A1A18;\n --c-chip-sel-text: #FFFFFF;\n --radius-sm: 6px;\n }\n html { background: var(--c-bg); }\n body { font-family: \"Manrope\", sans-serif; font-weight: 400; color: var(--c-text); background: var(--c-bg); min-height: 100vh; padding: 0 1rem 5rem; }\n .wrap { max-width: 600px; margin: 0 auto; padding-top: 3rem; }\n .brand { font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-muted); margin-bottom: 2.5rem; }\n .page-title { font-family: \"Manrope\", sans-serif; font-weight: 300; font-size: clamp(28px, 5vw, 38px); line-height: 1.2; margin-bottom: 1rem; letter-spacing: -0.03em; }\n .page-intro { font-size: 15px; color: var(--c-muted); line-height: 1.7; margin-bottom: 2.5rem; max-width: 520px; }\n .progress-wrap { margin-bottom: 2.5rem; }\n .progress-track { height: 2px; background: var(--c-border); border-radius: 2px; overflow: hidden; }\n .progress-fill { height: 100%; background: var(--c-text); border-radius: 2px; transition: width 0.5s cubic-bezier(0.4,0,0.2,1); }\n .progress-label { font-size: 12px; color: var(--c-muted); margin-top: 8px; }\n .step { display: none; }\n .step.active { display: block; animation: fadeUp 0.3s ease both; }\n @keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n .section-tag { display: inline-block; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-muted); border: 1px solid var(--c-border); border-radius: 100px; padding: 4px 12px; margin-bottom: 1.75rem; }\n .q-block { margin-bottom: 1.75rem; }\n .q-label { display: block; font-size: 15px; font-weight: 500; color: var(--c-text); margin-bottom: 6px; }\n .q-hint { font-size: 13px; color: var(--c-muted); margin-bottom: 10px; line-height: 1.6; }\n .q-sublabel { display: block; font-size: 13px; font-weight: 500; color: var(--c-muted); margin-top: 14px; margin-bottom: 6px; }\n textarea, input[type=\"text\"], input[type=\"url\"] { width: 100%; font-family: \"Manrope\", sans-serif; font-size: 14px; font-weight: 300; color: var(--c-text); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-sm); padding: 12px 14px; outline: none; transition: border-color 0.15s; resize: vertical; }\n textarea { min-height: 80px; line-height: 1.6; }\n textarea.tall { min-height: 120px; }\n textarea:focus, input:focus { border-color: var(--c-text); }\n textarea::placeholder, input::placeholder { color: #B5B2AB; font-weight: 300; }\n .chips-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }\n .chip { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 100px; border: 1px solid var(--c-border); background: var(--c-surface); font-size: 13px; font-weight: 400; color: var(--c-muted); cursor: pointer; user-select: none; transition: all 0.15s ease; }\n .chip:hover { border-color: #B5B2AB; color: var(--c-text); }\n .chip.selected { background: var(--c-chip-sel); border-color: var(--c-chip-sel); color: var(--c-chip-sel-text); }\n .chip.single-select.selected { background: var(--c-chip-sel); border-color: var(--c-chip-sel); color: var(--c-chip-sel-text); }\n .divider { height: 1px; background: var(--c-border); margin: 1.5rem 0; }\n .nav { display: flex; align-items: center; justify-content: space-between; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--c-border); }\n .btn { font-family: \"Manrope\", sans-serif; font-size: 14px; font-weight: 500; cursor: pointer; border: none; outline: none; transition: all 0.15s; }\n .btn-ghost { background: transparent; color: var(--c-muted); padding: 10px 0; }\n .btn-ghost:hover { color: var(--c-text); }\n .btn-primary { background: var(--c-text); color: #F7F6F3; padding: 11px 24px; border-radius: var(--radius-sm); letter-spacing: 0.01em; }\n .btn-primary:hover { opacity: 0.85; }\n .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }\n .done-screen { text-align: center; padding: 3rem 0 2rem; animation: fadeUp 0.4s ease both; }\n .done-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--c-surface); border: 1px solid var(--c-border); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 22px; }\n .done-screen h2 { font-family: \"Manrope\", sans-serif; font-size: 26px; font-weight: 300; letter-spacing: -0.02em; margin-bottom: 0.75rem; }\n .done-screen p { font-size: 15px; color: var(--c-muted); line-height: 1.7; max-width: 400px; margin: 0 auto; }\n .error-msg { display: none; background: #FEF2F2; border: 1px solid #FECACA; border-radius: var(--radius-sm); padding: 12px 16px; font-size: 14px; color: #991B1B; margin-top: 1rem; }\n @media (max-width: 480px) { .wrap { padding-top: 2rem; } .page-title { font-size: 26px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n \n <h1 class=\"page-title\">Vstupn\u00ed dotazn\u00edk ELEN<\/h1>\n <p class=\"page-intro\">Dotazn\u00edk n\u00e1m pom\u016f\u017ee hluboce pochopit va\u0161i zna\u010dku, produkt a z\u00e1kazn\u00edky. Pi\u0161te bez filtru a bez snahy odpov\u00eddat „spr\u00e1vn\u011b“ — \u010d\u00edm up\u0159\u00edmn\u011bji, t\u00edm l\u00e9pe. Dotazn\u00edk je rozd\u011blen do 10 \u010d\u00e1st\u00ed.<\/p>\n <div class=\"progress-wrap\">\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"pbar\" style=\"width: 10%\"><\/div><\/div>\n <div class=\"progress-label\" id=\"plabel\">\u010c\u00e1st 1 z 10<\/div>\n <\/div>\n\n <form id=\"qform\">\n <textarea name=\"odpovedi\" id=\"hid-odpovedi\" style=\"display:none\"><\/textarea>\n <input type=\"hidden\" name=\"_subject\" value=\"Vstupn\u00ed dotazn\u00edk \u2014 ELEN\">\n\n \n <div class=\"step active\" id=\"step-1\">\n <div class=\"section-tag\">1 \u2014 P\u0159\u00edb\u011bh firmy<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1a\">Co vedlo ke vzniku firmy ELEN?<\/label>\n <textarea id=\"q1a\" class=\"tall\" placeholder=\"Jak cel\u00fd p\u0159\u00edb\u011bh za\u010dal...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1b\">Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it?<\/label>\n <textarea id=\"q1b\" placeholder=\"Probl\u00e9m na trhu, kter\u00fd v\u00e1s p\u0159im\u011bl jednat...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1c\">Existoval konkr\u00e9tn\u00ed moment, kdy jste si \u0159ekli: „Tohle mus\u00ed existovat.“<\/label>\n <textarea id=\"q1c\" placeholder=\"Klidn\u011b konkr\u00e9tn\u00ed situace nebo z\u00e1\u017eitek...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1d\">Jak\u00e1 je dlouhodob\u00e1 vize firmy?<\/label>\n <div class=\"q-hint\">Pro\u010d by m\u011bla ELEN existovat i za deset let? \u010ceho chcete jako firma dos\u00e1hnout?<\/div>\n <textarea id=\"q1d\" class=\"tall\" placeholder=\"Vize, c\u00edle, co chcete zm\u011bnit nebo vybudovat...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-2\">\n <div class=\"section-tag\">2 \u2014 N\u00e1zev ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2a\">Jak n\u00e1zev ELEN vznikl? M\u00e1 n\u011bjak\u00fd v\u00fdznam nebo p\u0159\u00edb\u011bh?<\/label>\n <textarea id=\"q2a\" class=\"tall\" placeholder=\"P\u016fvod n\u00e1zvu, co znamen\u00e1, pro\u010d zrovna ELEN...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2b\">Jak se spr\u00e1vn\u011b vyslovuje a zapisuje?<\/label>\n <textarea id=\"q2b\" placeholder=\"V\u00fdslovnost, zp\u016fsob z\u00e1pisu, velk\u00e1\/mal\u00e1 p\u00edsmena...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jak\u00fd rod m\u00e1 m\u00edt ELEN v komunikaci?<\/label>\n <div class=\"chips-wrap single\" data-target=\"hid-rod\" data-single=\"true\">\n <span class=\"chip\" data-val=\"\u017dena\">\u017dena<\/span>\n <span class=\"chip\" data-val=\"Mu\u017e\">Mu\u017e<\/span>\n <span class=\"chip\" data-val=\"Neutr\u00e1ln\u00ed entita\">Neutr\u00e1ln\u00ed entita<\/span>\n <span class=\"chip\" data-val=\"Nebude personifikovan\u00e1\">Nebude personifikovan\u00e1<\/span>\n <span class=\"chip\" data-val=\"Zat\u00edm nen\u00ed rozhodnuto\">Zat\u00edm nen\u00ed rozhodnuto<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-rod\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2c\">Pro\u010d pr\u00e1v\u011b tato varianta?<\/label>\n <textarea id=\"q2c\" placeholder=\"D\u016fvod volby rodu...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2d\">M\u00e1 se n\u00e1zev sklo\u0148ovat? Podle jak\u00e9ho vzoru?<\/label>\n <textarea id=\"q2d\" placeholder=\"Nap\u0159. ELEN, bez ELEN, pro ELEN \u2014 nebo se sklo\u0148uje?\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2e\">P\u0159edstavte si, \u017ee ELEN z\u00edsk\u00e1 vlastn\u00ed osobnost. Jak\u00e1 je?<\/label>\n <div class=\"q-hint\">Jak p\u016fsob\u00ed, jak komunikuje, jak\u00e9 vlastnosti ji vystihuj\u00ed, jak\u00e9 hodnoty zast\u00e1v\u00e1 \u2014 a co naopak ke zna\u010dce v\u016fbec nepat\u0159\u00ed?<\/div>\n <textarea id=\"q2e\" class=\"tall\" placeholder=\"Osobnost, charakter, hodnoty, anti-hodnoty...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-3\">\n <div class=\"section-tag\">3 \u2014 Produkt<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3a\">Popi\u0161te ELEN vlastn\u00edmi slovy. Co p\u0159esn\u011b um\u00ed?<\/label>\n <textarea id=\"q3a\" class=\"tall\" placeholder=\"Jako byste to vysv\u011btlovali p\u0159\u00edteli bez technick\u00e9ho z\u00e1zem\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3b\">Jak\u00e9 probl\u00e9my \u0159e\u0161\u00ed a jak\u00fd je hlavn\u00ed p\u0159\u00ednos?<\/label>\n <textarea id=\"q3b\" placeholder=\"Co se zm\u011bn\u00ed nebo zlep\u0161\u00ed, kdy\u017e z\u00e1kazn\u00edk za\u010dne ELEN pou\u017e\u00edvat...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3c\">Jak\u00e9 jsou nejd\u016fle\u017eit\u011bj\u0161\u00ed funkce?<\/label>\n <textarea id=\"q3c\" placeholder=\"Kl\u00ed\u010dov\u00e9 funkce, kter\u00e9 z\u00e1kazn\u00edci nejv\u00edce vyu\u017e\u00edvaj\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3d\">Jak\u00e9 funkce pova\u017eujete za nejv\u011bt\u0161\u00ed konkuren\u010dn\u00ed v\u00fdhodu?<\/label>\n <textarea id=\"q3d\" placeholder=\"Co ELEN um\u00ed a konkurence ne, nebo co d\u011bl\u00e1 l\u00e9pe...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-4\">\n <div class=\"section-tag\">4 \u2014 Jak funguje ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4a\">Popi\u0161te cel\u00fd proces pr\u00e1ce v aplikaci od prvn\u00edho p\u0159ihl\u00e1\u0161en\u00ed po dokon\u010den\u00ed n\u00e1kupn\u00edho procesu.<\/label>\n <div class=\"q-hint\">Jako byste zau\u010dovali nov\u00e9ho kolegu \u2014 co ud\u011bl\u00e1 jako prvn\u00ed, co zad\u00e1v\u00e1, co se d\u011bje d\u00e1l.<\/div>\n <textarea id=\"q4a\" class=\"tall\" placeholder=\"Krok 1: u\u017eivatel se p\u0159ihl\u00e1s\u00ed a vid\u00ed... Krok 2:...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4b\">Co prov\u00e1d\u00ed aplikace automaticky a kde rozhoduje u\u017eivatel?<\/label>\n <textarea id=\"q4b\" placeholder=\"Co ELEN d\u011bl\u00e1 sama a kde je rozhodnut\u00ed na \u010dlov\u011bku...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4c\">Jak proces kon\u010d\u00ed a jak\u00fd je v\u00fdsledn\u00fd v\u00fdstup?<\/label>\n <textarea id=\"q4c\" placeholder=\"Co z\u00e1kazn\u00edk dostane na konci \u2014 dokument, data, objedn\u00e1vka...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-5\">\n <div class=\"section-tag\">5 \u2014 Sou\u010dasn\u00fd stav bez ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q5a\">Jak dnes z\u00e1kazn\u00edci \u0159e\u0161\u00ed stejn\u00fd probl\u00e9m bez ELEN?<\/label>\n <div class=\"q-hint\">Jak cel\u00fd proces prob\u00edh\u00e1, co zab\u00edr\u00e1 nejv\u00edce \u010dasu a kde vznikaj\u00ed nejv\u011bt\u0161\u00ed komplikace.<\/div>\n <textarea id=\"q5a\" class=\"tall\" placeholder=\"Sou\u010dasn\u00fd zp\u016fsob pr\u00e1ce \u2014 Excel, emaily, ru\u010dn\u00ed procesy...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q5b\">Co stoj\u00ed nejv\u00edce pen\u011bz a jak\u00e9 chyby se nej\u010dast\u011bji opakuj\u00ed?<\/label>\n <textarea id=\"q5b\" placeholder=\"N\u00e1klady, chyby, rizika sou\u010dasn\u00e9ho zp\u016fsobu pr\u00e1ce...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-6\">\n <div class=\"section-tag\">6 \u2014 C\u00edlov\u00e1 skupina<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6a\">Komu je ELEN ur\u010dena a kdo aplikaci pou\u017e\u00edv\u00e1?<\/label>\n <textarea id=\"q6a\" placeholder=\"Role, obor, velikost firmy, typ u\u017eivatele...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6b\">Kdo rozhoduje o n\u00e1kupu a jak vypad\u00e1 typick\u00fd z\u00e1kazn\u00edk?<\/label>\n <textarea id=\"q6b\" placeholder=\"Kdo podepisuje smlouvu, kdo ovliv\u0148uje rozhodnut\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6c\">Jak\u00e9 c\u00edle m\u00e1 v\u00e1\u0161 z\u00e1kazn\u00edk, jak\u00e9 obavy \u0159e\u0161\u00ed a co ho nejv\u00edce frustruje?<\/label>\n <textarea id=\"q6c\" class=\"tall\" placeholder=\"Co z\u00e1kazn\u00edk chce dos\u00e1hnout, \u010deho se boj\u00ed, co mu vad\u00ed na sou\u010dasn\u00e9m \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6d\">Koho pova\u017eujete za svou konkurenci?<\/label>\n <div class=\"q-hint\">P\u0159idejte odkaz na web, pokud ho m\u00e1te.<\/div>\n <textarea id=\"q6d\" placeholder=\"N\u00e1zev + web, p\u0159\u00edpadn\u011b popis \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6e\">V \u010dem je ELEN lep\u0161\u00ed a jak\u00e9 t\u0159i hlavn\u00ed d\u016fvody vedou z\u00e1kazn\u00edka k jej\u00edmu v\u00fdb\u011bru?<\/label>\n <textarea id=\"q6e\" placeholder=\"Pro\u010d si z\u00e1kazn\u00edk vybere ELEN a ne konkurenci...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-7\">\n <div class=\"section-tag\">7 \u2014 Hodnota pro z\u00e1kazn\u00edka<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7a\">Co z\u00e1kazn\u00edk d\u00edky ELEN z\u00edsk\u00e1v\u00e1 \u2014 pocity, emoce, zm\u011bny?<\/label>\n <textarea id=\"q7a\" class=\"tall\" placeholder=\"Co krom\u011b \u00faspory \u010dasu z\u00e1kazn\u00edk z\u00edsk\u00e1 \u2014 klid, sebejistotu, p\u0159ehled...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7b\">Jak se zm\u011bn\u00ed jeho pr\u00e1ce a b\u011b\u017en\u00fd pracovn\u00ed den?<\/label>\n <textarea id=\"q7b\" placeholder=\"P\u0159ed ELEN: ... Po ELEN: ...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7c\">Jak\u00fd pocit m\u00e1 m\u00edt z\u00e1kazn\u00edk p\u0159i pou\u017e\u00edv\u00e1n\u00ed ELEN a jak chcete, aby o n\u00ed mluvil?<\/label>\n <textarea id=\"q7c\" placeholder=\"Ide\u00e1ln\u00ed v\u011bta, kterou z\u00e1kazn\u00edk \u0159ekne kolegovi...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-8\">\n <div class=\"section-tag\">8 \u2014 Osobnost a tonalita<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8a\">Jak ELEN jako zna\u010dka vystupuje, komunikuje a jedn\u00e1 se z\u00e1kazn\u00edky?<\/label>\n <div class=\"q-hint\">Jak reaguje na probl\u00e9my, jak\u00e9 vlastnosti ji vystihuj\u00ed a jak\u00e9 nikdy nesm\u00ed m\u00edt.<\/div>\n <textarea id=\"q8a\" class=\"tall\" placeholder=\"Sebev\u011bdom\u00e1, ale nepov\u00fd\u0161en\u00e1. P\u0159i probl\u00e9mech neklade vinu, hled\u00e1 \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jakou roli ELEN zast\u00e1v\u00e1?<\/label>\n <div class=\"chips-wrap\" data-target=\"hid-role\">\n <span class=\"chip\" data-val=\"Expert\">Expert<\/span>\n <span class=\"chip\" data-val=\"Partner\">Partner<\/span>\n <span class=\"chip\" data-val=\"Mentor\">Mentor<\/span>\n <span class=\"chip\" data-val=\"Asistent\">Asistent<\/span>\n <span class=\"chip\" data-val=\"Analytik\">Analytik<\/span>\n <span class=\"chip\" data-val=\"Inov\u00e1tor\">Inov\u00e1tor<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-role\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jak m\u00e1 firma p\u016fsobit?<\/label>\n <div class=\"q-hint\">Vyberte v\u0161e, co sed\u00ed.<\/div>\n <div class=\"chips-wrap\" data-target=\"hid-tonalita\">\n <span class=\"chip\" data-val=\"Sebev\u011bdom\u011b\">Sebev\u011bdom\u011b<\/span>\n <span class=\"chip\" data-val=\"Lidsky\">Lidsky<\/span>\n <span class=\"chip\" data-val=\"Profesion\u00e1ln\u011b\">Profesion\u00e1ln\u011b<\/span>\n <span class=\"chip\" data-val=\"Precizn\u011b\">Precizn\u011b<\/span>\n <span class=\"chip\" data-val=\"Klidn\u011b\">Klidn\u011b<\/span>\n <span class=\"chip\" data-val=\"Inovativn\u011b\">Inovativn\u011b<\/span>\n <span class=\"chip\" data-val=\"Technicky\">Technicky<\/span>\n <span class=\"chip\" data-val=\"P\u0159\u00e1telsky\">P\u0159\u00e1telsky<\/span>\n <span class=\"chip\" data-val=\"Stru\u010dn\u011b\">Stru\u010dn\u011b<\/span>\n <span class=\"chip\" data-val=\"Analyticky\">Analyticky<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-tonalita\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8b\">Jak naopak p\u016fsobit nem\u00e1?<\/label>\n <textarea id=\"q8b\" placeholder=\"Co je pro ELEN nevhodn\u00e9 \u2014 co by zna\u010dku po\u0161kodilo...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8c\">Jak velkou roli m\u00e1 v komunikaci hr\u00e1t AI a jak\u00e9 emoce m\u00e1 komunikace vyvol\u00e1vat?<\/label>\n <textarea id=\"q8c\" placeholder=\"M\u00e1 b\u00fdt AI prominentn\u00ed sou\u010d\u00e1st\u00ed komunikace, nebo sp\u00ed\u0161e v pozad\u00ed...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-9\">\n <div class=\"section-tag\">9 \u2014 Hlas zna\u010dky a slovn\u00edk<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9a\">Komunikuje ELEN stru\u010dn\u011b nebo v\u00edce vysv\u011btluje? Pou\u017e\u00edv\u00e1 odborn\u00fd jazyk nebo b\u011b\u017enou \u0159e\u010d?<\/label>\n <div class=\"q-hint\">Pokl\u00e1d\u00e1 ot\u00e1zky? Pou\u017e\u00edv\u00e1 humor? Op\u00edr\u00e1 se o fakta nebo p\u0159\u00edb\u011bhy? Jak\u00e1 v\u011bta by mohla b\u00fdt pro ELEN typick\u00e1?<\/div>\n <textarea id=\"q9a\" class=\"tall\" placeholder=\"Stru\u010dn\u011b a p\u0159esn\u011b. Odborn\u011b, ale srozumiteln\u011b. Humor v\u00fdjime\u010dn\u011b a s rozvahou. Typick\u00e1 v\u011bta: ...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9b\">Kl\u00ed\u010dov\u00e1 slova zna\u010dky<\/label>\n <div class=\"q-hint\">Podstatn\u00e1 jm\u00e9na, p\u0159\u00eddavn\u00e1 jm\u00e9na a slovesa, kter\u00e1 maj\u00ed b\u00fdt pro ELEN typick\u00e1.<\/div>\n <textarea id=\"q9b\" placeholder=\"Podstatn\u00e1 jm\u00e9na: p\u0159esnost, p\u0159ehled, rychlost... P\u0159\u00eddavn\u00e1 jm\u00e9na: spolehliv\u00fd, chytr\u00fd, p\u0159ehledn\u00fd... Slovesa: optimalizuje, rozhoduje, zrychluje...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9c\">Zak\u00e1zan\u00e1 slova a fr\u00e1ze<\/label>\n <div class=\"q-hint\">Co nechcete nikdy pou\u017e\u00edvat \u2014 kli\u0161\u00e9, slova konkurence, marketingov\u00e9 fr\u00e1ze.<\/div>\n <textarea id=\"q9c\" placeholder=\"Revolu\u010dn\u00ed, inovativn\u00ed \u0159e\u0161en\u00ed, digit\u00e1ln\u00ed transformace, synergie...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9d\">Budeme z\u00e1kazn\u00edk\u016fm vykat nebo tykat?<\/label>\n <textarea id=\"q9d\" placeholder=\"Vykat \/ tykat, a pro\u010d...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9e\">Jazykov\u00e1 pravidla a odborn\u00e9 term\u00edny<\/label>\n <div class=\"q-hint\">AI nebo um\u011bl\u00e1 inteligence? Klient nebo z\u00e1kazn\u00edk? Existuj\u00ed zkratky nebo anglick\u00e9 n\u00e1zvy funkc\u00ed, kter\u00e9 maj\u00ed b\u00fdt v\u017edy pou\u017e\u00edv\u00e1ny?<\/div>\n <textarea id=\"q9e\" placeholder=\"AI \u00d7 um\u011bl\u00e1 inteligence, klient \u00d7 z\u00e1kazn\u00edk, jak zapisujeme anglick\u00e9 n\u00e1zvy...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-10\">\n <div class=\"section-tag\">10 \u2014 Inspirace, budoucnost a z\u00e1v\u011br<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10a\">Kter\u00e9 zna\u010dky podle v\u00e1s komunikuj\u00ed v\u00fdborn\u011b a pro\u010d?<\/label>\n <textarea id=\"q10a\" placeholder=\"Co konkr\u00e9tn\u011b obdivujete \u2014 t\u00f3n, vizu\u00e1l, styl, p\u0159\u00edstup k z\u00e1kazn\u00edk\u016fm...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10b\">Kter\u00e9 zna\u010dky v\u00e1m naopak nejsou bl\u00edzk\u00e9 a pro\u010d?<\/label>\n <textarea id=\"q10b\" placeholder=\"Co v\u00e1m na nich vad\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10c\">Kde chcete b\u00fdt za t\u0159i roky? Jak\u00fdm sm\u011brem se bude ELEN rozv\u00edjet?<\/label>\n <div class=\"q-hint\">Nov\u00e9 funkce, nov\u00e9 trhy, nov\u00e9 segmenty \u2014 jakou zm\u011bnu m\u00e1 ELEN p\u0159in\u00e9st sv\u00e9mu oboru.<\/div>\n <textarea id=\"q10c\" class=\"tall\" placeholder=\"Vize za 3 roky, pl\u00e1novan\u00e9 roz\u0161\u00ed\u0159en\u00ed, dopad na obor...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10d\">Je n\u011bco, na co jsme se nezeptali, ale podle v\u00e1s by m\u011blo b\u00fdt sou\u010d\u00e1st\u00ed brand manu\u00e1lu?<\/label>\n <textarea id=\"q10d\" placeholder=\"Cokoliv, co pova\u017eujete za d\u016fle\u017eit\u00e9 a co jsme nevytkli...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10e\">M\u00e1te k dispozici materi\u00e1ly, kter\u00e9 n\u00e1m pomohou l\u00e9pe pochopit produkt?<\/label>\n <div class=\"q-hint\">Prezentace, demo \u00fa\u010det, workflow, videa, dokumentace, case studies \u2014 uve\u010fte pros\u00edm, co m\u00e1te a za\u0161lete n\u00e1m je zvl\u00e1\u0161\u0165.<\/div>\n <textarea id=\"q10e\" placeholder=\"M\u00e1m k dispozici: prezentaci, demo \u00fa\u010det...\"><\/textarea>\n <\/div>\n <div class=\"error-msg\" id=\"error-msg\">Odesl\u00e1n\u00ed se nezda\u0159ilo. Zkuste to pros\u00edm znovu nebo n\u00e1s kontaktujte p\u0159\u00edmo.<\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-done\">\n <div class=\"done-screen\">\n <div class=\"done-icon\">✓<\/div>\n <h2>Dotazn\u00edk odesl\u00e1n<\/h2>\n <p>D\u011bkujeme za vypln\u011bn\u00ed. Va\u0161e odpov\u011bdi jsou pro n\u00e1s velmi cenn\u00e9. Ozveme se v\u00e1m brzy s dal\u0161\u00edmi kroky.<\/p>\n <\/div>\n <\/div>\n <\/form>\n\n <div class=\"nav\" id=\"form-nav\">\n <button type=\"button\" class=\"btn btn-ghost\" id=\"btn-back\" onclick=\"prevStep()\" style=\"visibility: hidden;\">← Zp\u011bt<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"btn-next\" onclick=\"nextStep()\">Pokra\u010dovat →<\/button>\n <\/div>\n<\/div>\n\n<script>\n let currentStep = 1;\n const totalSteps = 10;\n\n function updateProgress() {\n document.getElementById('pbar').style.width = (currentStep \/ totalSteps * 100) + '%';\n document.getElementById('plabel').textContent = '\u010c\u00e1st ' + currentStep + ' z ' + totalSteps;\n }\n\n function showStep(n) {\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n const el = document.getElementById(n > totalSteps ? 'step-done' : 'step-' + n);\n if (el) el.classList.add('active');\n document.getElementById('btn-back').style.visibility = (n > 1 && n <= totalSteps) ? 'visible' : 'hidden';\n if (n > totalSteps) {\n document.getElementById('form-nav').style.display = 'none';\n } else {\n document.getElementById('btn-next').textContent = n === totalSteps ? 'Odeslat dotazn\u00edk \u2192' : 'Pokra\u010dovat \u2192';\n updateProgress();\n }\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function chips(targetId) {\n const el = document.querySelector('.chips-wrap[data-target=\"' + targetId + '\"]');\n if (!el) return '\u2014';\n const vals = Array.from(el.querySelectorAll('.chip.selected')).map(c => c.dataset.val);\n return vals.length ? vals.join(', ') : '\u2014';\n }\n\n function val(id) {\n const el = document.getElementById(id);\n return (el && el.value.trim()) ? el.value.trim() : '\u2014';\n }\n\n function buildText() {\n return [\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n ' VSTUPN\u00cd DOTAZN\u00cdK \u2014 ELEN \/ NKZ STUDIO',\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n '',\n '1 \u2014 P\u0158\u00cdB\u011aH FIRMY',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co vedlo ke vzniku firmy ELEN?',\n val('q1a'),\n '',\n 'Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it?',\n val('q1b'),\n '',\n 'Kl\u00ed\u010dov\u00fd moment vzniku:',\n val('q1c'),\n '',\n 'Dlouhodob\u00e1 vize:',\n val('q1d'),\n '',\n '2 \u2014 N\u00c1ZEV ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak n\u00e1zev vznikl a co znamen\u00e1?',\n val('q2a'),\n '',\n 'V\u00fdslovnost a z\u00e1pis:',\n val('q2b'),\n '',\n 'Rod v komunikaci: ' + chips('hid-rod'),\n '',\n 'Pro\u010d tato varianta:',\n val('q2c'),\n '',\n 'Sklo\u0148ov\u00e1n\u00ed:',\n val('q2d'),\n '',\n 'Osobnost zna\u010dky:',\n val('q2e'),\n '',\n '3 \u2014 PRODUKT',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co ELEN p\u0159esn\u011b um\u00ed:',\n val('q3a'),\n '',\n 'Jak\u00e9 probl\u00e9my \u0159e\u0161\u00ed a hlavn\u00ed p\u0159\u00ednos:',\n val('q3b'),\n '',\n 'Nejd\u016fle\u017eit\u011bj\u0161\u00ed funkce:',\n val('q3c'),\n '',\n 'Nejv\u011bt\u0161\u00ed konkuren\u010dn\u00ed v\u00fdhoda:',\n val('q3d'),\n '',\n '4 \u2014 JAK FUNGUJE ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Cel\u00fd proces od p\u0159ihl\u00e1\u0161en\u00ed po dokon\u010den\u00ed n\u00e1kupu:',\n val('q4a'),\n '',\n 'Co d\u011bl\u00e1 aplikace automaticky vs. kde rozhoduje u\u017eivatel:',\n val('q4b'),\n '',\n 'Jak proces kon\u010d\u00ed a v\u00fdsledn\u00fd v\u00fdstup:',\n val('q4c'),\n '',\n '5 \u2014 SOU\u010cASN\u00dd STAV BEZ ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak z\u00e1kazn\u00edci \u0159e\u0161\u00ed probl\u00e9m bez ELEN:',\n val('q5a'),\n '',\n 'N\u00e1klady, chyby a rizika sou\u010dasn\u00e9ho zp\u016fsobu:',\n val('q5b'),\n '',\n '6 \u2014 C\u00cdLOV\u00c1 SKUPINA A KONKURENCE',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Komu je ELEN ur\u010dena, kdo ji pou\u017e\u00edv\u00e1:',\n val('q6a'),\n '',\n 'Kdo rozhoduje o n\u00e1kupu, typick\u00fd z\u00e1kazn\u00edk:',\n val('q6b'),\n '',\n 'C\u00edle, obavy a frustrace z\u00e1kazn\u00edka:',\n val('q6c'),\n '',\n 'Konkurence:',\n val('q6d'),\n '',\n 'Pro\u010d si z\u00e1kazn\u00edk vybere ELEN:',\n val('q6e'),\n '',\n '7 \u2014 HODNOTA PRO Z\u00c1KAZN\u00cdKA',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co z\u00e1kazn\u00edk z\u00edsk\u00e1v\u00e1 \u2014 pocity, emoce, zm\u011bny:',\n val('q7a'),\n '',\n 'Jak se zm\u011bn\u00ed jeho pr\u00e1ce a pracovn\u00ed den:',\n val('q7b'),\n '',\n 'Jak\u00fd pocit a jak o ELEN mluv\u00ed:',\n val('q7c'),\n '',\n '8 \u2014 OSOBNOST A TONALITA',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak ELEN vystupuje, komunikuje a jedn\u00e1 se z\u00e1kazn\u00edky:',\n val('q8a'),\n '',\n 'Role zna\u010dky: ' + chips('hid-role'),\n 'Jak m\u00e1 firma p\u016fsobit: ' + chips('hid-tonalita'),\n '',\n 'Jak p\u016fsobit nem\u00e1:',\n val('q8b'),\n '',\n 'Role AI v komunikaci a emoce:',\n val('q8c'),\n '',\n '9 \u2014 HLAS ZNA\u010cKY A SLOVN\u00cdK',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Styl komunikace a typick\u00e1 v\u011bta:',\n val('q9a'),\n '',\n 'Kl\u00ed\u010dov\u00e1 slova zna\u010dky:',\n val('q9b'),\n '',\n 'Zak\u00e1zan\u00e1 slova a fr\u00e1ze:',\n val('q9c'),\n '',\n 'Vyk\u00e1n\u00ed \/ tyk\u00e1n\u00ed:',\n val('q9d'),\n '',\n 'Jazykov\u00e1 pravidla a term\u00edny:',\n val('q9e'),\n '',\n '10 \u2014 INSPIRACE, BUDOUCNOST A Z\u00c1V\u011aR',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Zna\u010dky, kter\u00e9 komunikuj\u00ed v\u00fdborn\u011b:',\n val('q10a'),\n '',\n 'Zna\u010dky, kter\u00e9 jsou nevhodnou inspirac\u00ed:',\n val('q10b'),\n '',\n 'Vize za 3 roky a rozvoj ELEN:',\n val('q10c'),\n '',\n 'Co jsme nevytkli, ale je d\u016fle\u017eit\u00e9:',\n val('q10d'),\n '',\n 'Dostupn\u00e9 materi\u00e1ly k produktu:',\n val('q10e'),\n '',\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n ].join('\\n');\n }\n\n async function submitForm() {\n document.getElementById('hid-odpovedi').value = buildText();\n const form = document.getElementById('qform');\n const data = new FormData(form);\n const btn = document.getElementById('btn-next');\n btn.textContent = 'Odes\u00edl\u00e1m...';\n btn.disabled = true;\n try {\n const res = await fetch('https:\/\/formspree.io\/f\/xaqkdzpa', {\n method: 'POST',\n body: data,\n headers: { 'Accept': 'application\/json' }\n });\n if (res.ok) {\n currentStep = totalSteps + 1;\n showStep(currentStep);\n } else {\n document.getElementById('error-msg').style.display = 'block';\n btn.textContent = 'Odeslat dotazn\u00edk \u2192';\n btn.disabled = false;\n }\n } catch (e) {\n document.getElementById('error-msg').style.display = 'block';\n btn.textContent = 'Odeslat dotazn\u00edk \u2192';\n btn.disabled = false;\n }\n }\n\n function nextStep() {\n if (currentStep < totalSteps) { currentStep++; showStep(currentStep); }\n else { submitForm(); }\n }\n\n function prevStep() {\n if (currentStep > 1) { currentStep--; showStep(currentStep); }\n }\n\n \/\/ Multi-select chips\n document.querySelectorAll('.chips-wrap:not([data-single])').forEach(wrap => {\n wrap.querySelectorAll('.chip').forEach(chip => {\n chip.addEventListener('click', () => chip.classList.toggle('selected'));\n });\n });\n\n \/\/ Single-select chips (rod)\n document.querySelectorAll('.chips-wrap[data-single]').forEach(wrap => {\n wrap.querySelectorAll('.chip').forEach(chip => {\n chip.addEventListener('click', () => {\n wrap.querySelectorAll('.chip').forEach(c => c.classList.remove('selected'));\n chip.classList.add('selected');\n const targetId = wrap.getAttribute('data-target');\n const inp = document.getElementById(targetId);\n if (inp) inp.value = chip.dataset.val;\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Vstupn\u00ed dotazn\u00edk \u2014 ELEN Vstupn\u00ed dotazn\u00edk ELEN Dotazn\u00edk n\u00e1m pom\u016f\u017ee hluboce pochopit va\u0161i zna\u010dku, produkt a z\u00e1kazn\u00edky. Pi\u0161te bez filtru a bez snahy odpov\u00eddat „spr\u00e1vn\u011b“ — \u010d\u00edm up\u0159\u00edmn\u011bji, t\u00edm l\u00e9pe. Dotazn\u00edk je rozd\u011blen do 10 \u010d\u00e1st\u00ed. \u010c\u00e1st 1 z 10 1 \u2014 P\u0159\u00edb\u011bh firmy Co vedlo ke vzniku firmy ELEN? Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it? […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":24,"footnotes":""},"class_list":["post-7508","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/comments?post=7508"}],"version-history":[{"count":10,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508\/revisions"}],"predecessor-version":[{"id":7728,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508\/revisions\/7728"}],"wp:attachment":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/media?parent=7508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nVstupn\u00ed dotazn\u00edk \u2014 ELEN<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --c-bg: #FFFFFF;\n --c-surface: #FFFFFF;\n --c-text: #1A1A18;\n --c-muted: #6B6B65;\n --c-border: #E0DDD6;\n --c-chip-sel: #1A1A18;\n --c-chip-sel-text: #FFFFFF;\n --radius-sm: 6px;\n }\n html { background: var(--c-bg); }\n body { font-family: \"Manrope\", sans-serif; font-weight: 400; color: var(--c-text); background: var(--c-bg); min-height: 100vh; padding: 0 1rem 5rem; }\n .wrap { max-width: 600px; margin: 0 auto; padding-top: 3rem; }\n .brand { font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-muted); margin-bottom: 2.5rem; }\n .page-title { font-family: \"Manrope\", sans-serif; font-weight: 300; font-size: clamp(28px, 5vw, 38px); line-height: 1.2; margin-bottom: 1rem; letter-spacing: -0.03em; }\n .page-intro { font-size: 15px; color: var(--c-muted); line-height: 1.7; margin-bottom: 2.5rem; max-width: 520px; }\n .progress-wrap { margin-bottom: 2.5rem; }\n .progress-track { height: 2px; background: var(--c-border); border-radius: 2px; overflow: hidden; }\n .progress-fill { height: 100%; background: var(--c-text); border-radius: 2px; transition: width 0.5s cubic-bezier(0.4,0,0.2,1); }\n .progress-label { font-size: 12px; color: var(--c-muted); margin-top: 8px; }\n .step { display: none; }\n .step.active { display: block; animation: fadeUp 0.3s ease both; }\n @keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n .section-tag { display: inline-block; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-muted); border: 1px solid var(--c-border); border-radius: 100px; padding: 4px 12px; margin-bottom: 1.75rem; }\n .q-block { margin-bottom: 1.75rem; }\n .q-label { display: block; font-size: 15px; font-weight: 500; color: var(--c-text); margin-bottom: 6px; }\n .q-hint { font-size: 13px; color: var(--c-muted); margin-bottom: 10px; line-height: 1.6; }\n .q-sublabel { display: block; font-size: 13px; font-weight: 500; color: var(--c-muted); margin-top: 14px; margin-bottom: 6px; }\n textarea, input[type=\"text\"], input[type=\"url\"] { width: 100%; font-family: \"Manrope\", sans-serif; font-size: 14px; font-weight: 300; color: var(--c-text); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-sm); padding: 12px 14px; outline: none; transition: border-color 0.15s; resize: vertical; }\n textarea { min-height: 80px; line-height: 1.6; }\n textarea.tall { min-height: 120px; }\n textarea:focus, input:focus { border-color: var(--c-text); }\n textarea::placeholder, input::placeholder { color: #B5B2AB; font-weight: 300; }\n .chips-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }\n .chip { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 100px; border: 1px solid var(--c-border); background: var(--c-surface); font-size: 13px; font-weight: 400; color: var(--c-muted); cursor: pointer; user-select: none; transition: all 0.15s ease; }\n .chip:hover { border-color: #B5B2AB; color: var(--c-text); }\n .chip.selected { background: var(--c-chip-sel); border-color: var(--c-chip-sel); color: var(--c-chip-sel-text); }\n .chip.single-select.selected { background: var(--c-chip-sel); border-color: var(--c-chip-sel); color: var(--c-chip-sel-text); }\n .divider { height: 1px; background: var(--c-border); margin: 1.5rem 0; }\n .nav { display: flex; align-items: center; justify-content: space-between; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--c-border); }\n .btn { font-family: \"Manrope\", sans-serif; font-size: 14px; font-weight: 500; cursor: pointer; border: none; outline: none; transition: all 0.15s; }\n .btn-ghost { background: transparent; color: var(--c-muted); padding: 10px 0; }\n .btn-ghost:hover { color: var(--c-text); }\n .btn-primary { background: var(--c-text); color: #F7F6F3; padding: 11px 24px; border-radius: var(--radius-sm); letter-spacing: 0.01em; }\n .btn-primary:hover { opacity: 0.85; }\n .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }\n .done-screen { text-align: center; padding: 3rem 0 2rem; animation: fadeUp 0.4s ease both; }\n .done-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--c-surface); border: 1px solid var(--c-border); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 22px; }\n .done-screen h2 { font-family: \"Manrope\", sans-serif; font-size: 26px; font-weight: 300; letter-spacing: -0.02em; margin-bottom: 0.75rem; }\n .done-screen p { font-size: 15px; color: var(--c-muted); line-height: 1.7; max-width: 400px; margin: 0 auto; }\n .error-msg { display: none; background: #FEF2F2; border: 1px solid #FECACA; border-radius: var(--radius-sm); padding: 12px 16px; font-size: 14px; color: #991B1B; margin-top: 1rem; }\n @media (max-width: 480px) { .wrap { padding-top: 2rem; } .page-title { font-size: 26px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n \n <h1 class=\"page-title\">Vstupn\u00ed dotazn\u00edk ELEN<\/h1>\n <p class=\"page-intro\">Dotazn\u00edk n\u00e1m pom\u016f\u017ee hluboce pochopit va\u0161i zna\u010dku, produkt a z\u00e1kazn\u00edky. Pi\u0161te bez filtru a bez snahy odpov\u00eddat „spr\u00e1vn\u011b“ — \u010d\u00edm up\u0159\u00edmn\u011bji, t\u00edm l\u00e9pe. Dotazn\u00edk je rozd\u011blen do 10 \u010d\u00e1st\u00ed.<\/p>\n <div class=\"progress-wrap\">\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"pbar\" style=\"width: 10%\"><\/div><\/div>\n <div class=\"progress-label\" id=\"plabel\">\u010c\u00e1st 1 z 10<\/div>\n <\/div>\n\n <form id=\"qform\">\n <textarea name=\"odpovedi\" id=\"hid-odpovedi\" style=\"display:none\"><\/textarea>\n <input type=\"hidden\" name=\"_subject\" value=\"Vstupn\u00ed dotazn\u00edk \u2014 ELEN\">\n\n \n <div class=\"step active\" id=\"step-1\">\n <div class=\"section-tag\">1 \u2014 P\u0159\u00edb\u011bh firmy<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1a\">Co vedlo ke vzniku firmy ELEN?<\/label>\n <textarea id=\"q1a\" class=\"tall\" placeholder=\"Jak cel\u00fd p\u0159\u00edb\u011bh za\u010dal...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1b\">Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it?<\/label>\n <textarea id=\"q1b\" placeholder=\"Probl\u00e9m na trhu, kter\u00fd v\u00e1s p\u0159im\u011bl jednat...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1c\">Existoval konkr\u00e9tn\u00ed moment, kdy jste si \u0159ekli: „Tohle mus\u00ed existovat.“<\/label>\n <textarea id=\"q1c\" placeholder=\"Klidn\u011b konkr\u00e9tn\u00ed situace nebo z\u00e1\u017eitek...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q1d\">Jak\u00e1 je dlouhodob\u00e1 vize firmy?<\/label>\n <div class=\"q-hint\">Pro\u010d by m\u011bla ELEN existovat i za deset let? \u010ceho chcete jako firma dos\u00e1hnout?<\/div>\n <textarea id=\"q1d\" class=\"tall\" placeholder=\"Vize, c\u00edle, co chcete zm\u011bnit nebo vybudovat...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-2\">\n <div class=\"section-tag\">2 \u2014 N\u00e1zev ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2a\">Jak n\u00e1zev ELEN vznikl? M\u00e1 n\u011bjak\u00fd v\u00fdznam nebo p\u0159\u00edb\u011bh?<\/label>\n <textarea id=\"q2a\" class=\"tall\" placeholder=\"P\u016fvod n\u00e1zvu, co znamen\u00e1, pro\u010d zrovna ELEN...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2b\">Jak se spr\u00e1vn\u011b vyslovuje a zapisuje?<\/label>\n <textarea id=\"q2b\" placeholder=\"V\u00fdslovnost, zp\u016fsob z\u00e1pisu, velk\u00e1\/mal\u00e1 p\u00edsmena...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jak\u00fd rod m\u00e1 m\u00edt ELEN v komunikaci?<\/label>\n <div class=\"chips-wrap single\" data-target=\"hid-rod\" data-single=\"true\">\n <span class=\"chip\" data-val=\"\u017dena\">\u017dena<\/span>\n <span class=\"chip\" data-val=\"Mu\u017e\">Mu\u017e<\/span>\n <span class=\"chip\" data-val=\"Neutr\u00e1ln\u00ed entita\">Neutr\u00e1ln\u00ed entita<\/span>\n <span class=\"chip\" data-val=\"Nebude personifikovan\u00e1\">Nebude personifikovan\u00e1<\/span>\n <span class=\"chip\" data-val=\"Zat\u00edm nen\u00ed rozhodnuto\">Zat\u00edm nen\u00ed rozhodnuto<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-rod\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2c\">Pro\u010d pr\u00e1v\u011b tato varianta?<\/label>\n <textarea id=\"q2c\" placeholder=\"D\u016fvod volby rodu...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2d\">M\u00e1 se n\u00e1zev sklo\u0148ovat? Podle jak\u00e9ho vzoru?<\/label>\n <textarea id=\"q2d\" placeholder=\"Nap\u0159. ELEN, bez ELEN, pro ELEN \u2014 nebo se sklo\u0148uje?\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q2e\">P\u0159edstavte si, \u017ee ELEN z\u00edsk\u00e1 vlastn\u00ed osobnost. Jak\u00e1 je?<\/label>\n <div class=\"q-hint\">Jak p\u016fsob\u00ed, jak komunikuje, jak\u00e9 vlastnosti ji vystihuj\u00ed, jak\u00e9 hodnoty zast\u00e1v\u00e1 \u2014 a co naopak ke zna\u010dce v\u016fbec nepat\u0159\u00ed?<\/div>\n <textarea id=\"q2e\" class=\"tall\" placeholder=\"Osobnost, charakter, hodnoty, anti-hodnoty...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-3\">\n <div class=\"section-tag\">3 \u2014 Produkt<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3a\">Popi\u0161te ELEN vlastn\u00edmi slovy. Co p\u0159esn\u011b um\u00ed?<\/label>\n <textarea id=\"q3a\" class=\"tall\" placeholder=\"Jako byste to vysv\u011btlovali p\u0159\u00edteli bez technick\u00e9ho z\u00e1zem\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3b\">Jak\u00e9 probl\u00e9my \u0159e\u0161\u00ed a jak\u00fd je hlavn\u00ed p\u0159\u00ednos?<\/label>\n <textarea id=\"q3b\" placeholder=\"Co se zm\u011bn\u00ed nebo zlep\u0161\u00ed, kdy\u017e z\u00e1kazn\u00edk za\u010dne ELEN pou\u017e\u00edvat...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3c\">Jak\u00e9 jsou nejd\u016fle\u017eit\u011bj\u0161\u00ed funkce?<\/label>\n <textarea id=\"q3c\" placeholder=\"Kl\u00ed\u010dov\u00e9 funkce, kter\u00e9 z\u00e1kazn\u00edci nejv\u00edce vyu\u017e\u00edvaj\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q3d\">Jak\u00e9 funkce pova\u017eujete za nejv\u011bt\u0161\u00ed konkuren\u010dn\u00ed v\u00fdhodu?<\/label>\n <textarea id=\"q3d\" placeholder=\"Co ELEN um\u00ed a konkurence ne, nebo co d\u011bl\u00e1 l\u00e9pe...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-4\">\n <div class=\"section-tag\">4 \u2014 Jak funguje ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4a\">Popi\u0161te cel\u00fd proces pr\u00e1ce v aplikaci od prvn\u00edho p\u0159ihl\u00e1\u0161en\u00ed po dokon\u010den\u00ed n\u00e1kupn\u00edho procesu.<\/label>\n <div class=\"q-hint\">Jako byste zau\u010dovali nov\u00e9ho kolegu \u2014 co ud\u011bl\u00e1 jako prvn\u00ed, co zad\u00e1v\u00e1, co se d\u011bje d\u00e1l.<\/div>\n <textarea id=\"q4a\" class=\"tall\" placeholder=\"Krok 1: u\u017eivatel se p\u0159ihl\u00e1s\u00ed a vid\u00ed... Krok 2:...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4b\">Co prov\u00e1d\u00ed aplikace automaticky a kde rozhoduje u\u017eivatel?<\/label>\n <textarea id=\"q4b\" placeholder=\"Co ELEN d\u011bl\u00e1 sama a kde je rozhodnut\u00ed na \u010dlov\u011bku...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q4c\">Jak proces kon\u010d\u00ed a jak\u00fd je v\u00fdsledn\u00fd v\u00fdstup?<\/label>\n <textarea id=\"q4c\" placeholder=\"Co z\u00e1kazn\u00edk dostane na konci \u2014 dokument, data, objedn\u00e1vka...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-5\">\n <div class=\"section-tag\">5 \u2014 Sou\u010dasn\u00fd stav bez ELEN<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q5a\">Jak dnes z\u00e1kazn\u00edci \u0159e\u0161\u00ed stejn\u00fd probl\u00e9m bez ELEN?<\/label>\n <div class=\"q-hint\">Jak cel\u00fd proces prob\u00edh\u00e1, co zab\u00edr\u00e1 nejv\u00edce \u010dasu a kde vznikaj\u00ed nejv\u011bt\u0161\u00ed komplikace.<\/div>\n <textarea id=\"q5a\" class=\"tall\" placeholder=\"Sou\u010dasn\u00fd zp\u016fsob pr\u00e1ce \u2014 Excel, emaily, ru\u010dn\u00ed procesy...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q5b\">Co stoj\u00ed nejv\u00edce pen\u011bz a jak\u00e9 chyby se nej\u010dast\u011bji opakuj\u00ed?<\/label>\n <textarea id=\"q5b\" placeholder=\"N\u00e1klady, chyby, rizika sou\u010dasn\u00e9ho zp\u016fsobu pr\u00e1ce...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-6\">\n <div class=\"section-tag\">6 \u2014 C\u00edlov\u00e1 skupina<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6a\">Komu je ELEN ur\u010dena a kdo aplikaci pou\u017e\u00edv\u00e1?<\/label>\n <textarea id=\"q6a\" placeholder=\"Role, obor, velikost firmy, typ u\u017eivatele...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6b\">Kdo rozhoduje o n\u00e1kupu a jak vypad\u00e1 typick\u00fd z\u00e1kazn\u00edk?<\/label>\n <textarea id=\"q6b\" placeholder=\"Kdo podepisuje smlouvu, kdo ovliv\u0148uje rozhodnut\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6c\">Jak\u00e9 c\u00edle m\u00e1 v\u00e1\u0161 z\u00e1kazn\u00edk, jak\u00e9 obavy \u0159e\u0161\u00ed a co ho nejv\u00edce frustruje?<\/label>\n <textarea id=\"q6c\" class=\"tall\" placeholder=\"Co z\u00e1kazn\u00edk chce dos\u00e1hnout, \u010deho se boj\u00ed, co mu vad\u00ed na sou\u010dasn\u00e9m \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6d\">Koho pova\u017eujete za svou konkurenci?<\/label>\n <div class=\"q-hint\">P\u0159idejte odkaz na web, pokud ho m\u00e1te.<\/div>\n <textarea id=\"q6d\" placeholder=\"N\u00e1zev + web, p\u0159\u00edpadn\u011b popis \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q6e\">V \u010dem je ELEN lep\u0161\u00ed a jak\u00e9 t\u0159i hlavn\u00ed d\u016fvody vedou z\u00e1kazn\u00edka k jej\u00edmu v\u00fdb\u011bru?<\/label>\n <textarea id=\"q6e\" placeholder=\"Pro\u010d si z\u00e1kazn\u00edk vybere ELEN a ne konkurenci...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-7\">\n <div class=\"section-tag\">7 \u2014 Hodnota pro z\u00e1kazn\u00edka<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7a\">Co z\u00e1kazn\u00edk d\u00edky ELEN z\u00edsk\u00e1v\u00e1 \u2014 pocity, emoce, zm\u011bny?<\/label>\n <textarea id=\"q7a\" class=\"tall\" placeholder=\"Co krom\u011b \u00faspory \u010dasu z\u00e1kazn\u00edk z\u00edsk\u00e1 \u2014 klid, sebejistotu, p\u0159ehled...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7b\">Jak se zm\u011bn\u00ed jeho pr\u00e1ce a b\u011b\u017en\u00fd pracovn\u00ed den?<\/label>\n <textarea id=\"q7b\" placeholder=\"P\u0159ed ELEN: ... Po ELEN: ...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q7c\">Jak\u00fd pocit m\u00e1 m\u00edt z\u00e1kazn\u00edk p\u0159i pou\u017e\u00edv\u00e1n\u00ed ELEN a jak chcete, aby o n\u00ed mluvil?<\/label>\n <textarea id=\"q7c\" placeholder=\"Ide\u00e1ln\u00ed v\u011bta, kterou z\u00e1kazn\u00edk \u0159ekne kolegovi...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-8\">\n <div class=\"section-tag\">8 \u2014 Osobnost a tonalita<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8a\">Jak ELEN jako zna\u010dka vystupuje, komunikuje a jedn\u00e1 se z\u00e1kazn\u00edky?<\/label>\n <div class=\"q-hint\">Jak reaguje na probl\u00e9my, jak\u00e9 vlastnosti ji vystihuj\u00ed a jak\u00e9 nikdy nesm\u00ed m\u00edt.<\/div>\n <textarea id=\"q8a\" class=\"tall\" placeholder=\"Sebev\u011bdom\u00e1, ale nepov\u00fd\u0161en\u00e1. P\u0159i probl\u00e9mech neklade vinu, hled\u00e1 \u0159e\u0161en\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jakou roli ELEN zast\u00e1v\u00e1?<\/label>\n <div class=\"chips-wrap\" data-target=\"hid-role\">\n <span class=\"chip\" data-val=\"Expert\">Expert<\/span>\n <span class=\"chip\" data-val=\"Partner\">Partner<\/span>\n <span class=\"chip\" data-val=\"Mentor\">Mentor<\/span>\n <span class=\"chip\" data-val=\"Asistent\">Asistent<\/span>\n <span class=\"chip\" data-val=\"Analytik\">Analytik<\/span>\n <span class=\"chip\" data-val=\"Inov\u00e1tor\">Inov\u00e1tor<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-role\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\">Jak m\u00e1 firma p\u016fsobit?<\/label>\n <div class=\"q-hint\">Vyberte v\u0161e, co sed\u00ed.<\/div>\n <div class=\"chips-wrap\" data-target=\"hid-tonalita\">\n <span class=\"chip\" data-val=\"Sebev\u011bdom\u011b\">Sebev\u011bdom\u011b<\/span>\n <span class=\"chip\" data-val=\"Lidsky\">Lidsky<\/span>\n <span class=\"chip\" data-val=\"Profesion\u00e1ln\u011b\">Profesion\u00e1ln\u011b<\/span>\n <span class=\"chip\" data-val=\"Precizn\u011b\">Precizn\u011b<\/span>\n <span class=\"chip\" data-val=\"Klidn\u011b\">Klidn\u011b<\/span>\n <span class=\"chip\" data-val=\"Inovativn\u011b\">Inovativn\u011b<\/span>\n <span class=\"chip\" data-val=\"Technicky\">Technicky<\/span>\n <span class=\"chip\" data-val=\"P\u0159\u00e1telsky\">P\u0159\u00e1telsky<\/span>\n <span class=\"chip\" data-val=\"Stru\u010dn\u011b\">Stru\u010dn\u011b<\/span>\n <span class=\"chip\" data-val=\"Analyticky\">Analyticky<\/span>\n <\/div>\n <input type=\"hidden\" id=\"hid-tonalita\">\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8b\">Jak naopak p\u016fsobit nem\u00e1?<\/label>\n <textarea id=\"q8b\" placeholder=\"Co je pro ELEN nevhodn\u00e9 \u2014 co by zna\u010dku po\u0161kodilo...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q8c\">Jak velkou roli m\u00e1 v komunikaci hr\u00e1t AI a jak\u00e9 emoce m\u00e1 komunikace vyvol\u00e1vat?<\/label>\n <textarea id=\"q8c\" placeholder=\"M\u00e1 b\u00fdt AI prominentn\u00ed sou\u010d\u00e1st\u00ed komunikace, nebo sp\u00ed\u0161e v pozad\u00ed...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-9\">\n <div class=\"section-tag\">9 \u2014 Hlas zna\u010dky a slovn\u00edk<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9a\">Komunikuje ELEN stru\u010dn\u011b nebo v\u00edce vysv\u011btluje? Pou\u017e\u00edv\u00e1 odborn\u00fd jazyk nebo b\u011b\u017enou \u0159e\u010d?<\/label>\n <div class=\"q-hint\">Pokl\u00e1d\u00e1 ot\u00e1zky? Pou\u017e\u00edv\u00e1 humor? Op\u00edr\u00e1 se o fakta nebo p\u0159\u00edb\u011bhy? Jak\u00e1 v\u011bta by mohla b\u00fdt pro ELEN typick\u00e1?<\/div>\n <textarea id=\"q9a\" class=\"tall\" placeholder=\"Stru\u010dn\u011b a p\u0159esn\u011b. Odborn\u011b, ale srozumiteln\u011b. Humor v\u00fdjime\u010dn\u011b a s rozvahou. Typick\u00e1 v\u011bta: ...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9b\">Kl\u00ed\u010dov\u00e1 slova zna\u010dky<\/label>\n <div class=\"q-hint\">Podstatn\u00e1 jm\u00e9na, p\u0159\u00eddavn\u00e1 jm\u00e9na a slovesa, kter\u00e1 maj\u00ed b\u00fdt pro ELEN typick\u00e1.<\/div>\n <textarea id=\"q9b\" placeholder=\"Podstatn\u00e1 jm\u00e9na: p\u0159esnost, p\u0159ehled, rychlost... P\u0159\u00eddavn\u00e1 jm\u00e9na: spolehliv\u00fd, chytr\u00fd, p\u0159ehledn\u00fd... Slovesa: optimalizuje, rozhoduje, zrychluje...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9c\">Zak\u00e1zan\u00e1 slova a fr\u00e1ze<\/label>\n <div class=\"q-hint\">Co nechcete nikdy pou\u017e\u00edvat \u2014 kli\u0161\u00e9, slova konkurence, marketingov\u00e9 fr\u00e1ze.<\/div>\n <textarea id=\"q9c\" placeholder=\"Revolu\u010dn\u00ed, inovativn\u00ed \u0159e\u0161en\u00ed, digit\u00e1ln\u00ed transformace, synergie...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9d\">Budeme z\u00e1kazn\u00edk\u016fm vykat nebo tykat?<\/label>\n <textarea id=\"q9d\" placeholder=\"Vykat \/ tykat, a pro\u010d...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q9e\">Jazykov\u00e1 pravidla a odborn\u00e9 term\u00edny<\/label>\n <div class=\"q-hint\">AI nebo um\u011bl\u00e1 inteligence? Klient nebo z\u00e1kazn\u00edk? Existuj\u00ed zkratky nebo anglick\u00e9 n\u00e1zvy funkc\u00ed, kter\u00e9 maj\u00ed b\u00fdt v\u017edy pou\u017e\u00edv\u00e1ny?<\/div>\n <textarea id=\"q9e\" placeholder=\"AI \u00d7 um\u011bl\u00e1 inteligence, klient \u00d7 z\u00e1kazn\u00edk, jak zapisujeme anglick\u00e9 n\u00e1zvy...\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-10\">\n <div class=\"section-tag\">10 \u2014 Inspirace, budoucnost a z\u00e1v\u011br<\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10a\">Kter\u00e9 zna\u010dky podle v\u00e1s komunikuj\u00ed v\u00fdborn\u011b a pro\u010d?<\/label>\n <textarea id=\"q10a\" placeholder=\"Co konkr\u00e9tn\u011b obdivujete \u2014 t\u00f3n, vizu\u00e1l, styl, p\u0159\u00edstup k z\u00e1kazn\u00edk\u016fm...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10b\">Kter\u00e9 zna\u010dky v\u00e1m naopak nejsou bl\u00edzk\u00e9 a pro\u010d?<\/label>\n <textarea id=\"q10b\" placeholder=\"Co v\u00e1m na nich vad\u00ed...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10c\">Kde chcete b\u00fdt za t\u0159i roky? Jak\u00fdm sm\u011brem se bude ELEN rozv\u00edjet?<\/label>\n <div class=\"q-hint\">Nov\u00e9 funkce, nov\u00e9 trhy, nov\u00e9 segmenty \u2014 jakou zm\u011bnu m\u00e1 ELEN p\u0159in\u00e9st sv\u00e9mu oboru.<\/div>\n <textarea id=\"q10c\" class=\"tall\" placeholder=\"Vize za 3 roky, pl\u00e1novan\u00e9 roz\u0161\u00ed\u0159en\u00ed, dopad na obor...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10d\">Je n\u011bco, na co jsme se nezeptali, ale podle v\u00e1s by m\u011blo b\u00fdt sou\u010d\u00e1st\u00ed brand manu\u00e1lu?<\/label>\n <textarea id=\"q10d\" placeholder=\"Cokoliv, co pova\u017eujete za d\u016fle\u017eit\u00e9 a co jsme nevytkli...\"><\/textarea>\n <\/div>\n <div class=\"q-block\">\n <label class=\"q-label\" for=\"q10e\">M\u00e1te k dispozici materi\u00e1ly, kter\u00e9 n\u00e1m pomohou l\u00e9pe pochopit produkt?<\/label>\n <div class=\"q-hint\">Prezentace, demo \u00fa\u010det, workflow, videa, dokumentace, case studies \u2014 uve\u010fte pros\u00edm, co m\u00e1te a za\u0161lete n\u00e1m je zvl\u00e1\u0161\u0165.<\/div>\n <textarea id=\"q10e\" placeholder=\"M\u00e1m k dispozici: prezentaci, demo \u00fa\u010det...\"><\/textarea>\n <\/div>\n <div class=\"error-msg\" id=\"error-msg\">Odesl\u00e1n\u00ed se nezda\u0159ilo. Zkuste to pros\u00edm znovu nebo n\u00e1s kontaktujte p\u0159\u00edmo.<\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step-done\">\n <div class=\"done-screen\">\n <div class=\"done-icon\">✓<\/div>\n <h2>Dotazn\u00edk odesl\u00e1n<\/h2>\n <p>D\u011bkujeme za vypln\u011bn\u00ed. Va\u0161e odpov\u011bdi jsou pro n\u00e1s velmi cenn\u00e9. Ozveme se v\u00e1m brzy s dal\u0161\u00edmi kroky.<\/p>\n <\/div>\n <\/div>\n <\/form>\n\n <div class=\"nav\" id=\"form-nav\">\n <button type=\"button\" class=\"btn btn-ghost\" id=\"btn-back\" onclick=\"prevStep()\" style=\"visibility: hidden;\">← Zp\u011bt<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"btn-next\" onclick=\"nextStep()\">Pokra\u010dovat →<\/button>\n <\/div>\n<\/div>\n\n<script>\n let currentStep = 1;\n const totalSteps = 10;\n\n function updateProgress() {\n document.getElementById('pbar').style.width = (currentStep \/ totalSteps * 100) + '%';\n document.getElementById('plabel').textContent = '\u010c\u00e1st ' + currentStep + ' z ' + totalSteps;\n }\n\n function showStep(n) {\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n const el = document.getElementById(n > totalSteps ? 'step-done' : 'step-' + n);\n if (el) el.classList.add('active');\n document.getElementById('btn-back').style.visibility = (n > 1 && n <= totalSteps) ? 'visible' : 'hidden';\n if (n > totalSteps) {\n document.getElementById('form-nav').style.display = 'none';\n } else {\n document.getElementById('btn-next').textContent = n === totalSteps ? 'Odeslat dotazn\u00edk \u2192' : 'Pokra\u010dovat \u2192';\n updateProgress();\n }\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function chips(targetId) {\n const el = document.querySelector('.chips-wrap[data-target=\"' + targetId + '\"]');\n if (!el) return '\u2014';\n const vals = Array.from(el.querySelectorAll('.chip.selected')).map(c => c.dataset.val);\n return vals.length ? vals.join(', ') : '\u2014';\n }\n\n function val(id) {\n const el = document.getElementById(id);\n return (el && el.value.trim()) ? el.value.trim() : '\u2014';\n }\n\n function buildText() {\n return [\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n ' VSTUPN\u00cd DOTAZN\u00cdK \u2014 ELEN \/ NKZ STUDIO',\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n '',\n '1 \u2014 P\u0158\u00cdB\u011aH FIRMY',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co vedlo ke vzniku firmy ELEN?',\n val('q1a'),\n '',\n 'Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it?',\n val('q1b'),\n '',\n 'Kl\u00ed\u010dov\u00fd moment vzniku:',\n val('q1c'),\n '',\n 'Dlouhodob\u00e1 vize:',\n val('q1d'),\n '',\n '2 \u2014 N\u00c1ZEV ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak n\u00e1zev vznikl a co znamen\u00e1?',\n val('q2a'),\n '',\n 'V\u00fdslovnost a z\u00e1pis:',\n val('q2b'),\n '',\n 'Rod v komunikaci: ' + chips('hid-rod'),\n '',\n 'Pro\u010d tato varianta:',\n val('q2c'),\n '',\n 'Sklo\u0148ov\u00e1n\u00ed:',\n val('q2d'),\n '',\n 'Osobnost zna\u010dky:',\n val('q2e'),\n '',\n '3 \u2014 PRODUKT',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co ELEN p\u0159esn\u011b um\u00ed:',\n val('q3a'),\n '',\n 'Jak\u00e9 probl\u00e9my \u0159e\u0161\u00ed a hlavn\u00ed p\u0159\u00ednos:',\n val('q3b'),\n '',\n 'Nejd\u016fle\u017eit\u011bj\u0161\u00ed funkce:',\n val('q3c'),\n '',\n 'Nejv\u011bt\u0161\u00ed konkuren\u010dn\u00ed v\u00fdhoda:',\n val('q3d'),\n '',\n '4 \u2014 JAK FUNGUJE ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Cel\u00fd proces od p\u0159ihl\u00e1\u0161en\u00ed po dokon\u010den\u00ed n\u00e1kupu:',\n val('q4a'),\n '',\n 'Co d\u011bl\u00e1 aplikace automaticky vs. kde rozhoduje u\u017eivatel:',\n val('q4b'),\n '',\n 'Jak proces kon\u010d\u00ed a v\u00fdsledn\u00fd v\u00fdstup:',\n val('q4c'),\n '',\n '5 \u2014 SOU\u010cASN\u00dd STAV BEZ ELEN',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak z\u00e1kazn\u00edci \u0159e\u0161\u00ed probl\u00e9m bez ELEN:',\n val('q5a'),\n '',\n 'N\u00e1klady, chyby a rizika sou\u010dasn\u00e9ho zp\u016fsobu:',\n val('q5b'),\n '',\n '6 \u2014 C\u00cdLOV\u00c1 SKUPINA A KONKURENCE',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Komu je ELEN ur\u010dena, kdo ji pou\u017e\u00edv\u00e1:',\n val('q6a'),\n '',\n 'Kdo rozhoduje o n\u00e1kupu, typick\u00fd z\u00e1kazn\u00edk:',\n val('q6b'),\n '',\n 'C\u00edle, obavy a frustrace z\u00e1kazn\u00edka:',\n val('q6c'),\n '',\n 'Konkurence:',\n val('q6d'),\n '',\n 'Pro\u010d si z\u00e1kazn\u00edk vybere ELEN:',\n val('q6e'),\n '',\n '7 \u2014 HODNOTA PRO Z\u00c1KAZN\u00cdKA',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Co z\u00e1kazn\u00edk z\u00edsk\u00e1v\u00e1 \u2014 pocity, emoce, zm\u011bny:',\n val('q7a'),\n '',\n 'Jak se zm\u011bn\u00ed jeho pr\u00e1ce a pracovn\u00ed den:',\n val('q7b'),\n '',\n 'Jak\u00fd pocit a jak o ELEN mluv\u00ed:',\n val('q7c'),\n '',\n '8 \u2014 OSOBNOST A TONALITA',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Jak ELEN vystupuje, komunikuje a jedn\u00e1 se z\u00e1kazn\u00edky:',\n val('q8a'),\n '',\n 'Role zna\u010dky: ' + chips('hid-role'),\n 'Jak m\u00e1 firma p\u016fsobit: ' + chips('hid-tonalita'),\n '',\n 'Jak p\u016fsobit nem\u00e1:',\n val('q8b'),\n '',\n 'Role AI v komunikaci a emoce:',\n val('q8c'),\n '',\n '9 \u2014 HLAS ZNA\u010cKY A SLOVN\u00cdK',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Styl komunikace a typick\u00e1 v\u011bta:',\n val('q9a'),\n '',\n 'Kl\u00ed\u010dov\u00e1 slova zna\u010dky:',\n val('q9b'),\n '',\n 'Zak\u00e1zan\u00e1 slova a fr\u00e1ze:',\n val('q9c'),\n '',\n 'Vyk\u00e1n\u00ed \/ tyk\u00e1n\u00ed:',\n val('q9d'),\n '',\n 'Jazykov\u00e1 pravidla a term\u00edny:',\n val('q9e'),\n '',\n '10 \u2014 INSPIRACE, BUDOUCNOST A Z\u00c1V\u011aR',\n '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500',\n 'Zna\u010dky, kter\u00e9 komunikuj\u00ed v\u00fdborn\u011b:',\n val('q10a'),\n '',\n 'Zna\u010dky, kter\u00e9 jsou nevhodnou inspirac\u00ed:',\n val('q10b'),\n '',\n 'Vize za 3 roky a rozvoj ELEN:',\n val('q10c'),\n '',\n 'Co jsme nevytkli, ale je d\u016fle\u017eit\u00e9:',\n val('q10d'),\n '',\n 'Dostupn\u00e9 materi\u00e1ly k produktu:',\n val('q10e'),\n '',\n '\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550',\n ].join('\\n');\n }\n\n async function submitForm() {\n document.getElementById('hid-odpovedi').value = buildText();\n const form = document.getElementById('qform');\n const data = new FormData(form);\n const btn = document.getElementById('btn-next');\n btn.textContent = 'Odes\u00edl\u00e1m...';\n btn.disabled = true;\n try {\n const res = await fetch('https:\/\/formspree.io\/f\/xaqkdzpa', {\n method: 'POST',\n body: data,\n headers: { 'Accept': 'application\/json' }\n });\n if (res.ok) {\n currentStep = totalSteps + 1;\n showStep(currentStep);\n } else {\n document.getElementById('error-msg').style.display = 'block';\n btn.textContent = 'Odeslat dotazn\u00edk \u2192';\n btn.disabled = false;\n }\n } catch (e) {\n document.getElementById('error-msg').style.display = 'block';\n btn.textContent = 'Odeslat dotazn\u00edk \u2192';\n btn.disabled = false;\n }\n }\n\n function nextStep() {\n if (currentStep < totalSteps) { currentStep++; showStep(currentStep); }\n else { submitForm(); }\n }\n\n function prevStep() {\n if (currentStep > 1) { currentStep--; showStep(currentStep); }\n }\n\n \/\/ Multi-select chips\n document.querySelectorAll('.chips-wrap:not([data-single])').forEach(wrap => {\n wrap.querySelectorAll('.chip').forEach(chip => {\n chip.addEventListener('click', () => chip.classList.toggle('selected'));\n });\n });\n\n \/\/ Single-select chips (rod)\n document.querySelectorAll('.chips-wrap[data-single]').forEach(wrap => {\n wrap.querySelectorAll('.chip').forEach(chip => {\n chip.addEventListener('click', () => {\n wrap.querySelectorAll('.chip').forEach(c => c.classList.remove('selected'));\n chip.classList.add('selected');\n const targetId = wrap.getAttribute('data-target');\n const inp = document.getElementById(targetId);\n if (inp) inp.value = chip.dataset.val;\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Vstupn\u00ed dotazn\u00edk \u2014 ELEN Vstupn\u00ed dotazn\u00edk ELEN Dotazn\u00edk n\u00e1m pom\u016f\u017ee hluboce pochopit va\u0161i zna\u010dku, produkt a z\u00e1kazn\u00edky. Pi\u0161te bez filtru a bez snahy odpov\u00eddat „spr\u00e1vn\u011b“ — \u010d\u00edm up\u0159\u00edmn\u011bji, t\u00edm l\u00e9pe. Dotazn\u00edk je rozd\u011blen do 10 \u010d\u00e1st\u00ed. \u010c\u00e1st 1 z 10 1 \u2014 P\u0159\u00edb\u011bh firmy Co vedlo ke vzniku firmy ELEN? Jak\u00fd probl\u00e9m jste cht\u011bli vy\u0159e\u0161it? […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":24,"footnotes":""},"class_list":["post-7508","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/comments?post=7508"}],"version-history":[{"count":10,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508\/revisions"}],"predecessor-version":[{"id":7728,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/pages\/7508\/revisions\/7728"}],"wp:attachment":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/media?parent=7508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}