.suite-page{--primary: #1a1a2e;--primary-light: #2d2b55;--accent: #6366f1;--accent-light: #818cf8;--dark: #0f0f23;--dark-soft: #1a1a2e;--light: #f8fafc;--gray: #64748b;--gray-light: #e2e8f0;--gradient-hero: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #2d2b55 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--shadow-soft: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-medium: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-large: 0 25px 50px -12px rgba(0,0,0,.25);--immo-gradient: linear-gradient(135deg, #1a56db 0%, #db2777 100%);--office-gradient: linear-gradient(135deg, #1a56db 0%, #7c3aed 100%);--scan-gradient: linear-gradient(135deg, #0d2659 0%, #3d5aa3 100%);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--light);color:var(--dark);line-height:1.6;overflow-x:hidden}.suite-page h1,.suite-page h2,.suite-page h3,.suite-page h4{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.2}.suite-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.suite-page .nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.suite-page .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--dark)}.logo-icon-suite{width:44px;height:44px;border-radius:12px;background:var(--gradient-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:var(--shadow-medium)}.suite-page .logo-text{font-size:1.5rem;font-weight:700}.suite-page .logo-text span{color:var(--accent)}.suite-page .nav-links{display:flex;gap:2.5rem;align-items:center}.suite-page .nav-links a{text-decoration:none;color:var(--gray);font-weight:500;transition:color .2s}.suite-page .nav-links a:hover{color:var(--accent)}.suite-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;font-family:inherit}.suite-page .btn-primary{background:var(--gradient-accent);color:#fff!important;box-shadow:var(--shadow-medium),0 0 30px #6366f14d}.suite-page .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-large),0 0 40px #6366f166;color:#fff!important}.suite-page .hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 2rem;background:var(--gradient-hero);color:#fff}.suite-page .hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:var(--gradient-accent);border-radius:50%;opacity:.08;filter:blur(80px);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.suite-page .hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.suite-page .hero-content{animation:slideUp 1s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.suite-page .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:50px;color:var(--accent-light);font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.suite-page .hero h1{font-size:clamp(2.5rem,5vw,3.75rem);margin-bottom:1.5rem;color:#fff;line-height:1.15}.suite-page .hero p{font-size:1.25rem;color:#ffffffb3;margin-bottom:2.5rem;max-width:500px}.suite-page .hero-visual{animation:slideUp 1s ease-out .2s backwards;display:flex;justify-content:center}.hero-cards{position:relative;width:400px;height:400px}.hero-preview-card{position:absolute;width:380px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .4s ease}.hero-preview-card:hover{background:#ffffff26;transform:translate(10px)!important}.hero-card-1{top:0;left:0;animation:floatCard 6s ease-in-out infinite}.hero-card-2{top:140px;left:30px;animation:floatCard 6s ease-in-out infinite 1s}.hero-card-3{top:280px;left:10px;animation:floatCard 6s ease-in-out infinite 2s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-icon{width:56px;height:56px;min-width:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.preview-icon.immo{background:var(--immo-gradient)}.preview-icon.office{background:var(--office-gradient)}.preview-icon.scan{background:var(--scan-gradient)}.preview-label{font-weight:700;font-size:1.1rem;color:#fff}.preview-desc{font-size:.85rem;color:#fff9}.suite-page .produkte{padding:8rem 2rem;background:#fff}.suite-page .section-container{max-width:1200px;margin:0 auto}.suite-page .section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.suite-page .section-badge{display:inline-block;padding:.5rem 1rem;background:#6366f11a;border-radius:50px;color:var(--accent);font-size:.875rem;font-weight:600;margin-bottom:1rem}.suite-page .section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.suite-page .section-header p{font-size:1.125rem;color:var(--gray)}.produkte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.produkt-card{background:var(--light);border-radius:24px;padding:2.5rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.produkt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s}.produkt-immo:before{background:var(--immo-gradient)}.produkt-office:before{background:var(--office-gradient)}.produkt-scan:before{background:var(--scan-gradient)}.produkt-card:hover{background:#fff;box-shadow:var(--shadow-large);border-color:var(--gray-light);transform:translateY(-8px)}.produkt-card:hover:before{opacity:1}.produkt-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.produkt-icon{width:56px;height:56px;min-width:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:var(--shadow-medium)}.produkt-icon.immo{background:var(--immo-gradient)}.produkt-icon.office{background:var(--office-gradient)}.produkt-icon.scan{background:none;padding:0;box-shadow:none}.produkt-icon-img{width:56px;height:56px;border-radius:16px;object-fit:cover;box-shadow:var(--shadow-medium)}.produkt-header h3{font-size:1.35rem;margin-bottom:.15rem}.produkt-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray);background:var(--gray-light);padding:.2rem .6rem;border-radius:50px}.produkt-type.ios{background:#6366f11a;color:var(--accent)}.produkt-tagline{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:.75rem}.produkt-desc{font-size:.95rem;color:var(--gray);line-height:1.7;margin-bottom:1.5rem}.produkt-features{list-style:none;padding:0;margin:0 0 2rem;flex:1}.produkt-features li{padding:.4rem 0;font-size:.9rem;color:var(--dark)}.btn-produkt{width:100%;justify-content:center;padding:.875rem 1.75rem;color:#fff!important;margin-top:auto}.btn-immo{background:var(--immo-gradient);box-shadow:0 4px 15px #1a56db4d}.btn-office{background:var(--office-gradient);box-shadow:0 4px 15px #7c3aed4d}.btn-scan{background:var(--scan-gradient);box-shadow:0 4px 15px #0d26594d}.btn-immo:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1a56db66}.btn-office:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.btn-scan:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d265966}.suite-page .vorteile{padding:8rem 2rem;background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.suite-page .vorteile:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.suite-page .vorteile .section-header{position:relative;z-index:1;color:#fff}.suite-page .vorteile .section-header h2{color:#fff}.suite-page .vorteile .section-header p{color:#ffffffb3}.vorteile-badge{background:#6366f133!important;color:var(--accent-light)!important}.vorteile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;position:relative;z-index:1}.vorteil-item{display:flex;gap:1.25rem;padding:1.5rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.vorteil-item:hover{background:#ffffff1a;transform:translateY(-4px)}.vorteil-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.vorteil-content h4{font-size:1.125rem;margin-bottom:.5rem;font-weight:600;color:#fff}.vorteil-content p{font-size:.9rem;color:#fff9;line-height:1.6}.suite-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0}.suite-footer .footer-container{max-width:1200px;margin:0 auto}.suite-footer .footer-inner{display:flex;justify-content:center;align-items:center;gap:.75rem}.suite-footer .footer-link{color:#64748b;text-decoration:none;font-size:.875rem;transition:color .2s}.suite-footer .footer-link:hover{color:var(--accent)}.suite-footer .footer-separator{color:#cbd5e1;font-size:.75rem}@media(max-width:1024px){.suite-page .hero-container{grid-template-columns:1fr;text-align:center}.suite-page .hero-content{order:1}.suite-page .hero-visual{order:2}.suite-page .hero p{margin-left:auto;margin-right:auto}.produkte-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.suite-page .nav-links{display:none}}@media(max-width:768px){.vorteile-grid{grid-template-columns:1fr}.hero-cards{width:340px;height:360px}.hero-preview-card{width:320px}.hero-card-2{top:120px;left:20px}.hero-card-3{top:240px;left:5px}}@media(max-width:640px){.suite-page .hero{padding:6rem 1rem 4rem}.suite-page .produkte,.suite-page .vorteile{padding:5rem 1rem}.hero-cards{width:300px;height:340px}.hero-preview-card{width:290px;padding:1.25rem}.hero-card-2{top:110px;left:10px}.hero-card-3{top:220px;left:0}}