*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{opacity:0;transition:opacity 0.3s ease-in-out}body.loaded{opacity:1}.critical-content{min-height:100vh;contain:layout style paint}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-feature-settings:'cv11','ss01';font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap;backface-visibility:hidden;transform:translateZ(0);overflow-x:hidden}.heading-display{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-0.025em;line-height:1.1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.heading-primary{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.heading-secondary{font-family:'Inter',system-ui,sans-serif;font-weight:600;letter-spacing:-0.01em;line-height:1.3;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.text-modern{font-family:'Satoshi',system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.hero-gradient{background:radial-gradient(circle at 25% 25%,rgba(99,102,241,0.15) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(168,85,247,0.15) 0%,transparent 50%),radial-gradient(circle at 25% 75%,rgba(59,130,246,0.12) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,0.12) 0%,transparent 50%),linear-gradient(135deg,#ffffff 0%,#f0f7ff 20%,#e0f2fe 40%,#f3f0ff 60%,#fef7f0 80%,#fff1f2 100%);background-size:300% 300%,300% 300%,300% 300%,300% 300%,100% 100%;animation:gradientDance 20s ease infinite;position:relative;overflow:hidden}.hero-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:patternMove 30s linear infinite;opacity:0.4;pointer-events:none}.hero-gradient::after{content:'';position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle,rgba(99,102,241,0.1) 1px,transparent 1px);background-size:80px 80px;animation:floatPattern 25s linear infinite;opacity:0.3;pointer-events:none}@keyframes gradientDance{0%{background-position:0% 0%,100% 100%,0% 100%,100% 0%,0% 0%}25%{background-position:100% 0%,0% 100%,100% 100%,0% 0%,0% 0%}50%{background-position:100% 100%,0% 0%,100% 0%,0% 100%,0% 0%}75%{background-position:0% 100%,100% 0%,0% 0%,100% 100%,0% 0%}100%{background-position:0% 0%,100% 100%,0% 100%,100% 0%,0% 0%}}@keyframes patternMove{0%{transform:translate(0,0)}100%{transform:translate(40px,40px)}}@keyframes floatPattern{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(40px,40px) rotate(360deg)}}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none;left:0;right:0;top:0;bottom:0}.floating-shape{position:absolute;opacity:0.1;animation:floatUp 15s infinite ease-in-out}.floating-shape:nth-child(1){top:80%;left:10%;width:60px;height:60px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border-radius:50%;animation-delay:0s;animation-duration:20s}.floating-shape:nth-child(2){top:70%;left:80%;width:40px;height:40px;background:linear-gradient(45deg,#a855f7,#ec4899);border-radius:20%;animation-delay:5s;animation-duration:25s}.floating-shape:nth-child(3){top:90%;left:50%;width:80px;height:80px;background:linear-gradient(45deg,#3b82f6,#06b6d4);clip-path:polygon(50% 0%,0% 100%,100% 100%);animation-delay:10s;animation-duration:30s}.floating-shape:nth-child(4){top:60%;left:25%;width:50px;height:50px;background:linear-gradient(45deg,#10b981,#06d6a0);border-radius:10px;animation-delay:15s;animation-duration:18s}@keyframes floatUp{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:0}10%{opacity:0.1}50%{opacity:0.08;transform:translateY(-50vh) rotate(180deg) scale(1.2)}90%{opacity:0.05}100%{transform:translateY(-60vh) rotate(360deg) scale(0.8);opacity:0}}.glass-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.3);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.6);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 100%);border-radius:24px;pointer-events:none;transition:opacity 0.3s ease;opacity:0}.glass-card:hover::before{opacity:1}.glass-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 80px rgba(0,0,0,0.12),0 12px 40px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.8);background:rgba(255,255,255,0.95);border-color:rgba(255,255,255,0.5)}.tablet-mockup{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border-radius:32px;padding:20px;box-shadow:0 32px 80px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1),inset 0 2px 0 rgba(255,255,255,0.1),inset 0 -2px 0 rgba(0,0,0,0.1);position:relative;overflow:visible;transform:perspective(1200px) rotateY(-12deg) rotateX(2deg);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);max-width:380px;width:100%;aspect-ratio:3/4;margin:0 auto 0 60px;transform-origin:center center}.tablet-mockup:hover{transform:perspective(1200px) rotateY(-8deg) rotateX(1deg) translateY(-10px);box-shadow:0 40px 100px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.15),inset 0 2px 0 rgba(255,255,255,0.15)}.tablet-mockup::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);border-radius:24px;pointer-events:none}.tablet-screen{background:#000;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 0 30px rgba(0,0,0,0.6),inset 0 2px 10px rgba(255,255,255,0.1);aspect-ratio:3/4;height:100%;width:100%;min-height:0}.erp-interface{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);min-height:100%;position:relative}.erp-header{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);color:white;padding:16px 20px;display:flex;align-items:center;box-shadow:0 4px 20px rgba(99,102,241,0.15);border-bottom:1px solid rgba(255,255,255,0.1)}.erp-content{padding:24px 20px;display:grid;grid-template-columns:1fr;gap:16px}.erp-widget{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);border:1px solid rgba(255,255,255,0.6);transition:all 0.3s ease;position:relative}.erp-widget::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:16px 16px 0 0}.erp-chart{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);height:80px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(99,102,241,0.2)}.erp-chart::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 100%);border-radius:12px}.erp-chart::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:rgba(255,255,255,0.25);clip-path:polygon(0% 100%,15% 40%,30% 70%,45% 30%,60% 60%,75% 25%,90% 50%,100% 20%,100% 100%)}.progress-bar{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 100%);border-radius:8px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);height:100%;border-radius:8px;position:relative;overflow:hidden}.progress-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.feature-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:white;margin-bottom:24px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.2)}.feature-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 50%,transparent 100%);border-radius:20px;transition:opacity 0.3s ease;opacity:0}.glass-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.3)}.glass-card:hover .feature-icon::before{opacity:1}.system-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:32px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}.system-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(59,130,246,0.05) 50%,transparent 60%);transform:rotate(45deg);transition:transform 0.6s ease}.system-card:hover::before{transform:rotate(45deg) translate(50%,50%)}.system-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px rgba(0,0,0,0.15);border-color:#3b82f6}.system-icon{width:80px;height:80px;border-radius:20px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px;position:relative}.device-showcase{perspective:1000px}.device-card{background:white;border-radius:20px;padding:24px;text-align:center;transition:all 0.6s ease;transform-style:preserve-3d;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.device-card:hover{transform:rotateY(-5deg) rotateX(5deg) translateY(-10px);box-shadow:0 25px 80px rgba(0,0,0,0.2)}.device-image{max-width:180px;height:auto;margin:0 auto 20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.15))}.stats-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block}.stats-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;padding:16px 32px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(59,130,246,0.4);position:relative;overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0);font-family:'Inter',system-ui,sans-serif}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(59,130,246,0.6)}.btn-secondary{background:white;color:#374151;border:2px solid #e5e7eb;padding:14px 30px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:all 0.3s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0);font-family:'Inter',system-ui,sans-serif}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.lang-switch{cursor:pointer;padding:8px 16px;border-radius:8px;transition:all 0.3s ease;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0);font-family:'Inter',system-ui,sans-serif}.lang-switch.active{background:#3b82f6;color:white}.lang-switch:hover{background:#e5e7eb}.lang-switch.active:hover{background:#2563eb}[data-lang="cz"]{display:none}[data-lang="en"]{display:block}html[lang="cz"] [data-lang="en"]{display:none}html[lang="cz"] [data-lang="cz"]{display:block}[data-lang="cz"].inline{display:none}[data-lang="en"].inline{display:inline}html[lang="cz"] [data-lang="en"].inline{display:none}html[lang="cz"] [data-lang="cz"].inline{display:inline}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}p,span,div{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-link,.menu-item,.feature-title{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}section{overflow-x:hidden;position:relative}.hero-section{overflow:hidden;position:relative}@media (max-width: 640px){.hero-section .grid{grid-template-columns:1fr !important;gap:2rem !important;text-align:center}.heading-display{font-size:2rem !important;line-height:1.2}h1{margin-bottom:1.5rem !important}.text-xl{font-size:1.125rem !important;line-height:1.6}.tablet-mockup{max-width:240px !important;margin:2rem auto 0 auto !important;transform:perspective(600px) rotateY(0deg) rotateX(0deg) !important}.max-w-7xl{padding-left:1rem !important;padding-right:1rem !important}.grid.lg\\:grid-cols-2{grid-template-columns:1fr !important;gap:2rem !important}.grid.md\\:grid-cols-2{grid-template-columns:1fr !important;gap:1.5rem !important}.grid.lg\\:grid-cols-3{grid-template-columns:1fr !important;gap:1.5rem !important}nav .max-w-7xl{padding-left:1rem;padding-right:1rem}.mobile-menu{background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.grid.grid-cols-2.md\\:grid-cols-4{grid-template-columns:1fr !important;gap:1.5rem !important;max-width:320px !important;margin:0 auto !important}.device-showcase{perspective:none !important}.device-card{transform:none !important;transition:none !important;max-width:280px !important;margin:0 auto !important;text-align:center !important}.device-card:hover{transform:none !important;box-shadow:0 10px 40px rgba(0,0,0,0.1) !important}.device-image{max-width:120px !important;height:auto !important;margin:0 auto 15px auto !important;display:block !important}.lang-switch{padding:8px 16px;font-size:1rem;min-width:44px;text-align:center}.btn-primary,.btn-secondary{padding:12px 20px;font-size:0.875rem;width:100%;justify-content:center;margin-bottom:0.5rem}.feature-icon{width:56px;height:56px;font-size:20px}.stats-number{font-size:2.25rem}.py-20{padding-top:3rem !important;padding-bottom:3rem !important}.gap-12{gap:2rem !important}.hero-gradient{text-align:center;padding-left:1rem;padding-right:1rem}}@media (max-width: 768px){.tablet-mockup{max-width:320px;margin:0 auto;transform:perspective(1000px) rotateY(-8deg) rotateX(1deg)}.tablet-mockup:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) translateY(-5px)}.stats-number{font-size:2.5rem}.feature-icon{width:64px;height:64px;font-size:22px}.flex-col.sm\\:flex-row{align-items:stretch}.grid.lg\\:grid-cols-2{grid-template-columns:1fr;gap:2rem}}@media (max-width: 1024px){.tablet-mockup{margin:0 auto 0 40px;max-width:340px}}@media (min-width: 1025px){.tablet-mockup{margin:0 auto 0 80px;max-width:420px}}.lazy-load{opacity:0;transform:translateY(20px);transition:all 0.6s ease}.lazy-load.loaded{opacity:1;transform:translateY(0)}