@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=JetBrains+Mono:wght@400;600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f23);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;position:relative}.App:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#4fc3f71a 0,#0000 50%),radial-gradient(circle at 80% 20%,#4caf501a 0,#0000 50%),radial-gradient(circle at 40% 40%,#f443360d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-2}@keyframes backgroundShift{0%,to{opacity:.3}50%{opacity:.6}}.floating-particle{animation:floatUp 15s linear infinite;background:#4fc3f74d;border-radius:50%;pointer-events:none;position:absolute}.floating-particle:first-child{animation-delay:0s;animation-duration:12s;height:4px;left:10%;width:4px}.floating-particle:nth-child(2){animation-delay:3s;animation-duration:18s;background:#4caf504d;height:6px;left:20%;width:6px}.floating-particle:nth-child(3){animation-delay:6s;animation-duration:10s;background:#f443364d;height:3px;left:70%;width:3px}.floating-particle:nth-child(4){animation-delay:9s;animation-duration:14s;background:#4fc3f733;height:5px;left:90%;width:5px}.floating-particle:nth-child(5){animation-delay:12s;animation-duration:16s;background:#4caf5040;height:7px;left:60%;width:7px}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.header{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.logo-container{align-items:center;display:flex;gap:.5rem}.logo-image{height:40px;width:auto}.header-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.header-container,.logo-section h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logo-section h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.logo-section p{color:#ccc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:400;margin:.25rem 0 0}.nav{display:flex;flex-wrap:wrap;gap:1rem}.nav-link{background:none;border:none;border-radius:6px;color:#ccc;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.nav-link:hover{background-color:#4fc3f71a;color:#4fc3f7}.main{margin:0 auto;max-width:1200px;padding:0}.hero-text{padding:3rem 1rem;text-align:center}.hero-text p{font-weight:400;line-height:1.7;margin:0 auto;max-width:800px}.features{padding:2rem 0 4rem}.solution-image-container{margin-bottom:3rem;text-align:center}.solution-image{border-radius:12px;box-shadow:0 4px 20px #0000004d;height:auto;max-width:100%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem}.feature-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{background-color:#ffffff14;box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.feature-icon{align-items:center;background-color:#4fc3f71a;border-radius:12px;color:#4fc3f7;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon .fas{color:#4fc3f7;font-size:2.5rem}.feature-title{color:#fff;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.feature-description{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.footer{background-color:#0000004d;color:#999;font-size:.875rem;padding:2rem 1rem;text-align:center}@media (max-width:768px){.header{padding:1.5rem 1rem}.header h1{font-size:2rem}.hero-text{padding:2rem 1rem}.hero-text p{font-size:1.125rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media (max-width:480px){.header h1{font-size:1.75rem}.hero-text p{font-size:1rem}.feature-card{padding:1.25rem}}.images-section{padding:2rem 0 4rem}.images-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 1rem}.image-container{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:1rem;transition:all .3s ease}.image-container:hover{background-color:#ffffff14;box-shadow:0 8px 25px #0003;transform:scale(1.02)}.image-container img{border-radius:8px;display:block;height:auto;transition:all .3s ease;width:100%}.image-container:hover img{transform:scale(1.05)}@media (max-width:768px){.images-grid{gap:1.5rem;grid-template-columns:1fr}.image-container{padding:.75rem}}.hero,.hero-overlay{min-height:100vh}.hero-overlay{align-items:center;background-color:#0009;display:flex;justify-content:center;text-align:center}.hero-text h2{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-text p{color:#e0e0e0;font-size:1.25rem;margin-bottom:2rem;max-width:600px}.cta-button{background-color:#4fc3f7;border:none;border-radius:8px;color:#1e1e2f;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{background-color:#29b6f6;box-shadow:0 8px 25px #4fc3f74d;transform:translateY(-2px)}.hero-images{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.hero-image{border-radius:12px;box-shadow:0 8px 25px #0000004d;height:auto;width:100%}.section-container{margin:0 auto;max-width:1000px;padding:4rem 1rem;text-align:center}.problems-section{background-color:#0003;border-radius:16px;margin:0}.problems-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:3rem}.problems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.problem-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.problem-card:hover{background-color:#ffffff14;transform:translateY(-4px)}.problem-card.wide{grid-column:1/-1;margin:0 auto;max-width:600px}.problem-icon{font-size:3rem;margin-bottom:1rem}.problem-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.problem-card p{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.benefits-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:3rem}.risk-comparison{margin-bottom:4rem}.comparison-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.comparison-content{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.risk-item{align-items:center;display:flex;gap:1rem}.risk-label{color:#ccc;font-weight:500;min-width:200px}.risk-bar{border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.cloud .risk-bar{background-color:#f443364d;border:2px solid #f44336}.parlerbox .risk-bar{background-color:#4caf504d;border:2px solid #4caf50}.risk-value{color:#fff;font-size:.875rem;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.cost-comparison h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.cost-years{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.cost-item{text-align:center}.cost-year{color:#4fc3f7;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.cost-cloud{color:#f44336;font-size:1rem;margin-bottom:.5rem}.cost-parlerbox{color:#4caf50;font-size:1rem;font-weight:600}.cost-summary{margin:0 auto;max-width:600px}.cost-summary p{color:#e0e0e0;font-size:1.125rem}.chart-container{display:flex;justify-content:center;margin:2rem 0}svg{height:auto;max-width:100%}@media (max-width:768px){svg{width:600px}}@media (max-width:480px){svg{width:400px}}.year-group{min-width:120px;text-align:center}.year-label{color:#4fc3f7;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.bars{align-items:flex-end;gap:.5rem;height:200px}.bar,.bars{display:flex;position:relative}.bar{background-color:#4fc3f74d;border-radius:4px 4px 0 0;color:#fff;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:height 1s ease,background-color .3s;width:80px}.bar.cloud-bar{background-color:#f44336b3}.bar.parlerbox-bar{background-color:#4caf50b3}.bar span{bottom:10px;font-size:.875rem;font-weight:600;left:50%;position:absolute;transform:rotate(-90deg);transform:translateX(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.cost-legend{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.legend-item{color:#e0e0e0;font-size:1rem;font-weight:500}.legend-item.cloud{color:#ff6b6b}.legend-item.parlerbox{color:#51cf66}.how-it-works-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:3rem}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background-color:#4fc3f74d;bottom:0;content:"";left:30px;position:absolute;top:0;width:2px;z-index:1}.timeline-item{margin-bottom:4rem;padding-left:80px;position:relative}.timeline-marker{align-items:center;background-color:#4fc3f7;border-radius:50%;color:#1e1e2f;display:flex;font-weight:700;height:60px;justify-content:center;left:0;position:absolute;top:0;width:60px;z-index:2}.timeline-content{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:left}.timeline-content h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.timeline-content p{color:#ccc;font-size:1rem;margin-bottom:1rem}.timeline-day{color:#4fc3f7;font-size:.875rem;font-weight:500}.subscribe-section{background-color:#4fc3f71a;border-radius:16px;margin:2rem 0}.subscribe-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.subscribe-section>p{color:#e0e0e0;font-size:1.125rem;margin-bottom:2rem}.subscribe-form{display:flex;gap:1rem;justify-content:center;margin:0 auto 3rem;max-width:500px}.subscribe-input{background-color:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:1rem}.subscribe-input::placeholder{color:#ccc}.subscribe-button{background-color:#4fc3f7;border:none;border-radius:8px;color:#1e1e2f;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.subscribe-button:hover{background-color:#29b6f6;transform:translateY(-2px)}.subscribe-benefits{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.subscribe-message{font-weight:500;margin:1rem 0 0;text-align:center}.subscribe-message.success{color:#4caf50}.subscribe-message.error{color:#f44336}.benefit{text-align:center}.benefit-icon{font-size:2.5rem;margin-bottom:1rem}.benefit h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.benefit p{color:#ccc;font-size:1rem}.contact-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.contact-section>p{color:#e0e0e0;font-size:1.125rem;margin-bottom:3rem}.contact-info{margin:0 auto;max-width:600px}.contact-person{margin-bottom:2rem}.contact-person h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.contact-person p{color:#4fc3f7;font-size:1.125rem}.contact-details{flex-direction:column;gap:1.5rem}.contact-details,.contact-item{align-items:center;display:flex}.contact-item{color:#e0e0e0;gap:1rem}.contact-icon{font-size:1.5rem}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.nav{gap:.5rem}.hero-text h2{font-size:2rem}.hero-images,.problems-grid{gap:1.5rem;grid-template-columns:1fr}.problem-card.wide{grid-column:1}.risk-item{align-items:flex-start;flex-direction:column;gap:.5rem}.cost-years{flex-direction:column;gap:1rem}.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-marker{font-size:.875rem;height:40px;width:40px}.subscribe-form{flex-direction:column;gap:1rem}.subscribe-benefits{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:640px){.nav{display:none}.logo-section{text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{animation:fadeInUp .6s ease-out forwards}.hero{animation:fadeInUp .6s ease-out forwards;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}.problems-section{animation:fadeInUp .8s ease-out forwards;animation-delay:.4s;animation-fill-mode:forwards;opacity:0}.benefits-section{animation:fadeInUp .8s ease-out forwards;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}.how-it-works-section{animation:fadeInUp .8s ease-out forwards;animation-delay:.8s;animation-fill-mode:forwards;opacity:0}.features{animation:fadeInUp .8s ease-out forwards;animation-delay:1s;animation-fill-mode:forwards;opacity:0}.feature-card,.image-container{animation:fadeInUp .6s ease-out forwards;animation-delay:1.2s;animation-fill-mode:forwards;opacity:0}.feature-card:nth-child(2),.image-container:nth-child(2){animation-delay:1.3s}.feature-card:nth-child(3),.image-container:nth-child(3){animation-delay:1.4s}.feature-card:nth-child(4),.image-container:nth-child(4){animation-delay:1.5s}.feature-card:nth-child(5),.image-container:nth-child(5){animation-delay:1.6s}.feature-card:nth-child(6),.image-container:nth-child(6){animation-delay:1.7s}.problem-card{animation:fadeInUp .6s ease-out forwards;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}.problem-card:nth-child(2){animation-delay:.7s}.problem-card:nth-child(3){animation-delay:.8s}.problem-card:nth-child(4){animation-delay:.9s}.problem-card:nth-child(5){animation-delay:1s}.subscribe-section{animation:fadeInUp .8s ease-out forwards;animation-delay:1.2s;animation-fill-mode:forwards;opacity:0}.contact-section{animation:fadeInUp .8s ease-out forwards;animation-delay:1.4s;animation-fill-mode:forwards;opacity:0}.footer{animation:fadeInUp .8s ease-out forwards;animation-delay:1.6s;animation-fill-mode:forwards;opacity:0}h2 span{display:inline-block;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}h2.animated span:first-child{opacity:1;transform:translateY(0);transition-delay:0s}h2.animated span:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.2s}h2.animated span:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.4s}h2.animated span:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.6s}h2.animated span:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.8s}
/*# sourceMappingURL=main.70a0ee36.css.map*/