.toggle-switch{width:60px;height:32px;border-radius:16px;position:relative;transition:all .3s ease;background-color:#f59e0b}.toggle-switch-bg{width:60px;height:32px;background-color:#eee;border-radius:16px;position:absolute;transition:all .3s ease}.toggle-switch:after{content:"";position:absolute;width:24px;height:24px;background-color:#fff;border-radius:50%;top:4px;left:4px;transition:transform .3s ease;box-shadow:0 2px 5px #0003}.toggle-checkbox:checked+label .toggle-switch:after{transform:translate(28px)}.toggle-checkbox:checked+label .toggle-switch-bg{background-color:#1e40af}body.management-mode .toggle-switch{background-color:#1e40af}.app-description{transition:all .3s ease}.modal-backdrop{display:none;position:fixed;inset:0;background-color:#00000080;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.adoption-text,.management-text{position:relative;transition:all .3s ease}.adoption-text.active-label{color:#f59e0b;font-weight:600}.management-text.active-label{color:#1e40af;font-weight:600}body{--primary-color: #f59e0b;--secondary-color: #f97316;--bg-color: #fff;--text-color: #333}.download-btn{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 14px #f59e0b4d}.download-btn:hover{background:linear-gradient(90deg,#f97316,#f59e0b)}.learn-more-btn{background:#fff;color:#f59e0b;border:2px solid white;transition:all .3s ease}.learn-more-btn:hover{background-color:transparent;color:#fff}.feature-card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.feature-icon{width:64px;height:64px;background-color:#fff8e6;color:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.how-it-works{background-color:#fff}.step-number{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 10px #f9731633}.download-section{background:linear-gradient(135deg,#f59e0b,#f97316);position:relative}.download-bg-shape-1{position:absolute;width:60vh;height:60vh;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);top:-30vh;right:10%}.download-bg-shape-2{position:absolute;width:40vh;height:40vh;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);bottom:-20vh;left:5%}body.management-mode{--primary-color: #1e40af;--secondary-color: #1d4ed8;--bg-color: #fff;--text-color: #333}body.management-mode #hero{background-color:#eff6ff}body.management-mode .bg-gradient-circle-1{background:radial-gradient(circle,#1e40af26,#fff0 70%)}body.management-mode .bg-gradient-circle-2{background:radial-gradient(circle,#1d4ed81a,#fff0 70%)}body.management-mode .download-btn{background:linear-gradient(90deg,#1e40af,#2563eb);color:#fff;box-shadow:0 4px 14px #1e40af4d}body.management-mode .download-btn:hover{background:linear-gradient(90deg,#2563eb,#1e40af)}body.management-mode .learn-more-btn{background:#fff;color:#1e40af;border:1px solid rgba(30,64,175,.3)}body.management-mode .learn-more-btn:hover{background:#ffffffe6}body.management-mode .feature-icon{background-color:#eff6ff;color:#1e40af}body.management-mode .step-number{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 4px 10px #1d4ed833}body.management-mode .download-section{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.app-name{transition:color .3s ease;color:#fb8500}body.management-mode .app-name{color:#1e40af}.smartphone-frame{width:100%;background-color:transparent;padding:0;margin:0;box-shadow:none;overflow:visible;position:static;transition:none;border:none;transform:none}.smartphone-frame:hover{transform:none}.app-screenshots-container{width:100%;height:auto;overflow:visible;border-radius:0;background-color:transparent;position:static;padding:0;margin:0}.app-screenshots-container img{width:100%;max-width:700px;height:auto;display:block;-o-object-fit:contain;object-fit:contain;background-color:transparent;margin:0 auto;border-radius:0;box-shadow:none;transition:none}.smartphone-frame:hover img{transform:none;transition:none}@media (min-width: 768px){.app-screenshots-container img{max-width:800px}}.carousel-indicator{transition:all .3s ease;background-color:#d1d5db}.carousel-indicator.active{transform:scale(1.2);background-color:#fb8500}body.management-mode .carousel-indicator.active{background-color:#1e40af}.newsletter-btn{color:#f59e0b;background:#fff;transition:all .3s ease}.newsletter-btn:hover{background:#fff8e6}body.management-mode .newsletter-btn{color:#1e40af}body.management-mode .newsletter-btn:hover{background:#eff6ff}.header-newsletter-btn{transition:all .3s ease}body.management-mode .header-newsletter-btn.bg-orange-100{background-color:#1e40af1a;color:#1e40af}body.management-mode .header-newsletter-btn.bg-orange-100:hover{background-color:#1e40af33}body.management-mode .header-newsletter-btn.bg-white\/20{background-color:#fff3;color:#fff}body.management-mode .header-newsletter-btn.bg-white\/20:hover{background-color:#ffffff4d}body.management-mode .navigation-link:hover{color:#1e40af}.floating-animal{position:relative;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px #0003;opacity:.85;width:var(--animal-size, 80px);height:var(--animal-size, 80px);transform:rotate(var(--animal-rotation, 0deg));animation:float var(--animation-duration, 13s) ease-in-out infinite var(--animation-delay, 0s);padding:3px;background:linear-gradient(45deg,#f59e0bb3,#fbbf2480,#fde68a99,#f59e0bb3)}.floating-animal img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:inset 0 0 8px #f59e0b33}.animal-left-0{margin-top:30%;margin-left:50%}.animal-left-1{margin-top:15%;margin-left:35%}.animal-left-2{margin-top:50%;margin-left:20%}.animal-left-3{margin-top:75%;margin-left:35%}.animal-left-4{margin-top:60%;margin-left:50%}.animal-left-5,.animal-left-6{margin-top:85%;margin-left:40%}.animal-right-0{margin-top:30%;margin-right:50%;margin-left:auto}.animal-right-1{margin-top:15%;margin-right:35%;margin-left:auto}.animal-right-2{margin-top:50%;margin-right:20%;margin-left:auto}.animal-right-3{margin-top:75%;margin-right:35%;margin-left:auto}.animal-right-4{margin-top:60%;margin-right:50%;margin-left:auto}.animal-right-5,.animal-right-6{margin-top:85%;margin-right:40%;margin-left:auto}@keyframes float{0%{transform:translateY(0) translate(0) rotate(var(--animal-rotation, 0deg))}33%{transform:translateY(calc(-15px - var(--animal-index, 0) * 2px)) translate(calc(10px - var(--animal-index, 0) * 3px)) rotate(calc(var(--animal-rotation, 0deg) + 3deg))}66%{transform:translateY(calc(10px + var(--animal-index, 0) * 1px)) translate(calc(-12px + var(--animal-index, 0) * 2px)) rotate(calc(var(--animal-rotation, 0deg) - 3deg))}to{transform:translateY(0) translate(0) rotate(var(--animal-rotation, 0deg))}}body.management-mode .floating-animal{box-shadow:0 4px 8px #1d4ed84d;background:linear-gradient(45deg,#1e40afb3,#3b82f680,#93c5fd99,#1e40afb3)}body.management-mode .floating-animal img{box-shadow:inset 0 0 8px #1e40af33}@media (max-width: 768px){.floating-animal{display:none}}#app-preview{background:linear-gradient(135deg,#f59e0b,#fb923c);color:#fff}#app-preview h2{color:#fff}#app-preview .carousel-indicator{background-color:#fff6}#app-preview .carousel-indicator.active{background-color:#fff}body.management-mode #app-preview{background:linear-gradient(135deg,#1e40af,#1d4ed8)}@media (max-width: 768px){nav .app-toggle-container{position:static;transform:none;margin:0 auto;padding:0 1rem}nav .w-full{flex-direction:column;gap:1rem}nav .flex.items-center{width:100%;justify-content:center}.min-h-screen.flex.items-center{align-items:flex-start;padding-top:60px;padding-bottom:60px}}.smartphone-frame-mobile{width:100%;max-width:320px;margin:0 auto}.smartphone-frame-mobile img{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}@media (max-width: 768px){.min-h-screen.flex.items-center{min-height:100vh!important;height:auto!important;padding:0!important}.absolute.inset-0.md\:hidden{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#fbf1df!important}.w-full.max-w-md{max-width:100%!important;height:auto!important;transform:scale(1)!important;transform-origin:center}.flex-grow.flex.items-center.justify-center{padding:2rem 0}.h-screen{height:100vh!important}.text-center.pt-12{padding-top:3rem}}@media (min-height: 800px) and (max-width: 768px){.w-full.max-w-md{transform:scale(2)!important}}@media (max-height: 700px) and (max-width: 768px){.pt-12{padding-top:2rem}.pb-12{padding-bottom:2rem}}@media (max-width: 768px){#hero .download-btn,#hero .learn-more-btn{font-size:1rem;padding:.75rem 1.5rem;border-radius:9999px;width:85%;text-align:center;font-weight:600}#hero .flex.flex-col.sm\:flex-row{margin-bottom:1rem;padding-left:1rem;padding-right:1rem}#hero{padding-bottom:5rem;padding-left:1.5rem;padding-right:1.5rem}#hero .container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}}@media (max-width: 380px){#hero .download-btn,#hero .learn-more-btn{font-size:.875rem;padding:.5rem 1.25rem;max-width:90%}#hero{padding-left:1rem;padding-right:1rem}}@supports (padding-top: env(safe-area-inset-top)){html{background-color:#fb8500!important}body.management-mode html{background-color:#1e40af!important}nav{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:50}#hero{margin-top:0;padding-top:env(safe-area-inset-top);min-height:calc(100vh - env(safe-area-inset-top))}}@supports not (padding-top: env(safe-area-inset-top)){html,body.management-mode html{background-color:transparent}nav{position:fixed;top:0;left:0;right:0;z-index:50}}@media (max-width: 768px){nav.scrolled-header{opacity:0;pointer-events:none;transition:opacity .3s ease}}@media (max-width: 768px){.mobile-app-section{height:100vh;position:relative;overflow:hidden;margin:0;padding:0}.mobile-app-section>div{height:100%;position:relative}.mobile-app-section img[alt="App Background"]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.mobile-app-section .flex-1{position:relative;padding:0;display:flex;align-items:center;justify-content:center;height:85%;overflow:visible}.mobile-app-section .flex-1 img{width:90%;height:auto;max-height:none;-o-object-fit:contain;object-fit:contain;transform-origin:center}}@media (max-width: 768px){#features .feature-card{padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;background-color:#fff;margin:0 .5rem}#features h2{padding:0 1rem}}#how-it-works,section[id=how-it-works],.so-einfach-gehts-section{padding-left:1.5rem!important;padding-right:1.5rem!important}@media (max-width: 768px){#how-it-works,section[id=how-it-works],.so-einfach-gehts-section{padding-left:1rem!important;padding-right:1rem!important;text-align:center!important}#how-it-works .container,section[id=how-it-works] .container{width:100%;max-width:100%;padding-left:0;padding-right:0;margin-left:auto!important;margin-right:auto!important}#how-it-works h2,#how-it-works p,section[id=how-it-works] h2,section[id=how-it-works] p{padding-left:1rem;padding-right:1rem;text-align:center!important}#how-it-works .flex,section[id=how-it-works] .flex{justify-content:center!important;align-items:center!important}#how-it-works .step-container,section[id=how-it-works] .step-container,#how-it-works .flex-col,section[id=how-it-works] .flex-col{align-items:center!important;text-align:center!important}}@media (max-width: 768px){#hero .download-btn,#hero .learn-more-btn,#hero-management .download-btn,#hero-management .learn-more-btn{width:100%;margin:.5rem 0;text-align:center;font-size:1rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;display:block}#hero .flex.flex-col.sm\:flex-row,#hero-management .flex.flex-col.sm\:flex-row{width:100%;display:flex;flex-direction:column;padding-left:1.5rem;padding-right:1.5rem;margin-bottom:2rem;align-items:center}#hero .download-btn,#hero-management .download-btn{background:var(--primary-color, #fb8500);color:#fff;box-shadow:0 4px 14px #f59e0b4d}body.management-mode #hero .download-btn,#hero-management .download-btn{background:#1e40af;box-shadow:0 4px 14px #1e40af4d}#hero .learn-more-btn,#hero-management .learn-more-btn{background:#fff;color:var(--primary-color, #fb8500);border:2px solid white}body.management-mode #hero .learn-more-btn,#hero-management .learn-more-btn{color:#1e40af}.mobile-app-section .w-full.flex.flex-col.gap-4{padding-left:1.5rem;padding-right:1.5rem}.mobile-app-section .download-btn,.mobile-app-section .learn-more-btn{width:100%;text-align:center;margin-bottom:.5rem;font-size:1rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600}}