.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;pointer-events:none}.loading-screen>*{pointer-events:auto}.loading-screen.fading-out:before,.loading-screen.fading-out:after{opacity:0;transition:opacity .4s ease-out}.loading-screen:before{content:"";position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(56,169,224,.15) 0%,transparent 70%);border-radius:50%;animation:float-loading 8s ease-in-out infinite}.loading-screen:after{content:"";position:absolute;bottom:20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(125,95,255,.1) 0%,transparent 70%);border-radius:50%;animation:float-loading 10s ease-in-out infinite reverse}@keyframes float-loading{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;max-width:400px;width:100%}.loading-logo{position:relative}.loading-logo-image{height:60px;width:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;filter:drop-shadow(0 2px 8px rgba(56,169,224,.15))}.loading-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.platform-badge-loading{padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#2c8bb8);color:#fff;font-size:1.125rem;font-weight:700;border-radius:50px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px #38a9e04d;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 4px 15px #38a9e04d}50%{box-shadow:0 6px 20px #38a9e073}}.spinner-container{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem 0}.spinner{width:40px;height:40px;border:3px solid rgba(56,169,224,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-content{gap:1.5rem}.loading-logo-image{height:45px}.platform-badge-loading{padding:.4rem 1.25rem;font-size:.8rem;letter-spacing:1.2px}.spinner{width:35px;height:35px;border-width:2.5px}}@media (max-width: 480px){.loading-content{gap:1.5rem;padding:1.5rem}.loading-logo-image{height:40px}.platform-badge-loading{padding:.4rem 1rem;font-size:.75rem}.spinner{width:30px;height:30px;border-width:2px}}.dice-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:3rem;position:relative;min-height:400px;flex-wrap:wrap}.dice{width:120px;height:120px;position:relative;transform-style:preserve-3d;opacity:0;visibility:hidden}.dice:hover .dice-face{border-color:#2c8bb8}.dice-face{position:absolute;width:120px;height:120px;background:#fff;border:3px solid var(--primary-color);border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;box-shadow:inset 0 0 30px #00000026,0 8px 30px #00000040;backface-visibility:hidden;opacity:.98}.dice-face.front{transform:rotateY(0) translateZ(60px);background:linear-gradient(145deg,#fff,#f5f8fa)}.dice-face.back{transform:rotateY(180deg) translateZ(60px);background:linear-gradient(145deg,#f0f3f6,#dce3e8)}.dice-face.right{transform:rotateY(90deg) translateZ(60px);background:linear-gradient(145deg,#f8fafb,#e8eef3)}.dice-face.left{transform:rotateY(-90deg) translateZ(60px);background:linear-gradient(145deg,#f8fafb,#e8eef3)}.dice-face.top{transform:rotateX(90deg) translateZ(60px);background:linear-gradient(145deg,#fff,#f5f8fa)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(60px);background:linear-gradient(145deg,#f0f3f6,#dce3e8)}.dot{width:18px;height:18px;background:linear-gradient(135deg,var(--primary-color),#2c8bb8);border-radius:50%;box-shadow:0 2px 5px #38a9e066}.dice-face.front{justify-content:center;align-items:center}.dice-face.back{justify-content:space-between}.dice-face.back .dot:first-child{align-self:flex-start}.dice-face.back .dot:last-child{align-self:flex-end}.dice-face.right{justify-content:space-between}.dice-face.right .dot:nth-child(1){align-self:flex-start}.dice-face.right .dot:nth-child(2){align-self:center}.dice-face.right .dot:nth-child(3){align-self:flex-end}.dice-face.left,.dice-face.front,.dice-face.top{justify-content:space-between;align-content:space-between}.dice-face.top .dot:nth-child(3){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-face.bottom{justify-content:space-between;align-content:space-between;flex-direction:column}.dice-face.bottom .dot{width:16px;height:16px}.dice-face.bottom:before,.dice-face.bottom:after{content:"";display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.dice-2{width:150px;height:150px;margin-top:40px}.dice-2 .dice-face{width:150px;height:150px;padding:18px}.dice-2 .dice-face.front{transform:rotateY(0) translateZ(75px)}.dice-2 .dice-face.back{transform:rotateY(180deg) translateZ(75px)}.dice-2 .dice-face.right{transform:rotateY(90deg) translateZ(75px)}.dice-2 .dice-face.left{transform:rotateY(-90deg) translateZ(75px)}.dice-2 .dice-face.top{transform:rotateX(90deg) translateZ(75px)}.dice-2 .dice-face.bottom{transform:rotateX(-90deg) translateZ(75px)}@media (max-width: 768px){.dice-container{gap:1.5rem;min-height:300px}.dice{width:80px;height:80px}.dice-face{width:80px;height:80px;padding:10px;border-radius:8px}.dice-face.front{transform:rotateY(0) translateZ(40px)}.dice-face.back{transform:rotateY(180deg) translateZ(40px)}.dice-face.right{transform:rotateY(90deg) translateZ(40px)}.dice-face.left{transform:rotateY(-90deg) translateZ(40px)}.dice-face.top{transform:rotateX(90deg) translateZ(40px)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(40px)}.dot{width:12px;height:12px}.dice-face.bottom .dot{width:10px;height:10px}.dice-2{width:100px;height:100px;margin-top:20px}.dice-2 .dice-face{width:100px;height:100px;padding:12px}.dice-2 .dice-face.front{transform:rotateY(0) translateZ(50px)}.dice-2 .dice-face.back{transform:rotateY(180deg) translateZ(50px)}.dice-2 .dice-face.right{transform:rotateY(90deg) translateZ(50px)}.dice-2 .dice-face.left{transform:rotateY(-90deg) translateZ(50px)}.dice-2 .dice-face.top{transform:rotateX(90deg) translateZ(50px)}.dice-2 .dice-face.bottom{transform:rotateX(-90deg) translateZ(50px)}}@media (max-width: 480px){.dice-container{gap:1rem}.dice{width:60px;height:60px}.dice-face{width:60px;height:60px;padding:8px;border-width:2px;border-radius:6px}.dice-face.front{transform:rotateY(0) translateZ(30px)}.dice-face.back{transform:rotateY(180deg) translateZ(30px)}.dice-face.right{transform:rotateY(90deg) translateZ(30px)}.dice-face.left{transform:rotateY(-90deg) translateZ(30px)}.dice-face.top{transform:rotateX(90deg) translateZ(30px)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(30px)}.dot{width:10px;height:10px}.dice-face.bottom .dot{width:8px;height:8px}.dice-2{width:75px;height:75px;margin-top:15px}.dice-2 .dice-face{width:75px;height:75px;padding:10px}.dice-2 .dice-face.front{transform:rotateY(0) translateZ(37.5px)}.dice-2 .dice-face.back{transform:rotateY(180deg) translateZ(37.5px)}.dice-2 .dice-face.right{transform:rotateY(90deg) translateZ(37.5px)}.dice-2 .dice-face.left{transform:rotateY(-90deg) translateZ(37.5px)}.dice-2 .dice-face.top{transform:rotateX(90deg) translateZ(37.5px)}.dice-2 .dice-face.bottom{transform:rotateX(-90deg) translateZ(37.5px)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#fff);z-index:1}.hero-background{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.floating-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#38a9e01a,#38a9e00d);filter:blur(40px)}.floating-circle:nth-child(1){width:400px;height:400px;top:10%;right:10%}.floating-circle:nth-child(2){width:300px;height:300px;bottom:20%;left:5%}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:2rem}.hero-text{max-width:600px}.hero-logo{display:flex;align-items:center;gap:1.5rem;margin-bottom:3.5rem;flex-wrap:wrap;opacity:0;transform:translateY(50px)}.logo-image{height:60px;width:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.platform-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#2c8bb8);color:#fff;font-size:1.125rem;font-weight:700;border-radius:50px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px #38a9e04d}.hero-title{font-size:4rem;margin-bottom:1.5rem;font-weight:800;line-height:1.1;opacity:0;transform:translateY(50px)}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2.5rem;line-height:1.8;opacity:0;transform:translateY(30px)}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-cta>*{opacity:0;transform:translateY(20px)}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #38a9e04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38a9e066}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.mouse{width:30px;height:50px;border:2px solid var(--primary-color);border-radius:20px;display:flex;justify-content:center;padding-top:10px}.wheel{width:4px;height:8px;background:var(--primary-color);border-radius:2px;animation:scroll 1.5s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title{font-size:3rem}.hero-cta{justify-content:center}.hero-visual{order:-1}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.btn{padding:.875rem 1.5rem}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.business-cases{padding:120px 0;background:linear-gradient(180deg,#fff,#f8f9fa 10%,#e9ecef 25%,#1a1f3a 70%,#0a0e27);position:relative;overflow:hidden}.business-cases:before{content:"";position:absolute;top:10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(56,169,224,.2) 0%,transparent 70%);border-radius:50%;animation:float-slow 20s ease-in-out infinite}.business-cases:after{content:"";position:absolute;top:5%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(125,95,255,.15) 0%,transparent 70%);border-radius:50%;animation:float-slow 25s ease-in-out infinite reverse}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.business-cases .container{position:relative;z-index:1}.business-cases .section-header{margin-bottom:3rem}.business-cases .section-label{display:inline-block;padding:.5rem 1.25rem;background:#38a9e026;border:1px solid rgba(56,169,224,.4);border-radius:50px;color:var(--primary-color);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.business-cases .section-title{color:#1a1f3a}.business-cases .section-subtitle{color:#495057}.cases-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:4rem 0 3rem}.case-card{position:relative;padding:2rem 1.5rem;background:#1a1f3af2;border:2px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--case-color),transparent);opacity:0;border-radius:18px;transition:opacity .4s ease;z-index:0}.case-card:hover{transform:translateY(-8px);border-color:var(--case-color);box-shadow:0 12px 40px #0000004d}.case-card:hover:before{opacity:.1}.case-card.active{border-color:var(--case-color);background:#1a1f3a;transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #0000004d,0 0 0 2px var(--case-color)}.case-card.active:before{opacity:.15}.case-card-icon{font-size:3rem;margin-bottom:1rem;position:relative;z-index:1;transition:transform .3s ease}.case-card:hover .case-card-icon,.case-card.active .case-card-icon{transform:scale(1.15)}.case-card-title{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.3;margin:0;position:relative;z-index:1}.case-card-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:var(--case-color);border-radius:3px 3px 0 0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.case-card.active .case-card-indicator{transform:translate(-50%) scaleX(1)}.case-detail{margin-top:3rem;padding:3rem;background:#fffffff2;border-radius:24px;border:1px solid rgba(26,31,58,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000026}.case-detail-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}.case-icon-large{width:100px;height:100px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0;box-shadow:0 10px 30px #0000004d}.case-header-text h3{font-size:2rem;font-weight:700;color:#1a1f3a;margin:0 0 .5rem}.case-tagline{font-size:1.25rem;color:#495057;font-weight:500;line-height:1.4;margin:0}.case-story{margin-bottom:2.5rem;padding:2rem;background:#38a9e014;border-radius:16px;border-left:4px solid var(--primary-color)}.case-story h4{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.case-story p{font-size:1.125rem;color:#343a40;line-height:1.7;margin:0}.case-transformation{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:2.5rem}.transformation-box{padding:2rem;border-radius:16px;min-height:160px;display:flex;flex-direction:column;transition:all .3s ease}.transformation-box.before{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b08);border:2px solid rgba(255,107,107,.3)}.transformation-box.after{background:linear-gradient(135deg,#38a9e01a,#38a9e008);border:2px solid rgba(56,169,224,.3)}.transformation-box:hover{transform:translateY(-5px)}.transformation-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.transformation-box.before .transformation-label{color:#ff6b6be6}.transformation-box.after .transformation-label{color:#38a9e0e6}.label-icon{font-size:1.5rem}.transformation-box p{font-size:1rem;color:#495057;line-height:1.6;margin:0;flex:1}.transformation-arrow{display:flex;align-items:center;justify-content:center}.transformation-arrow svg{animation:pulse-arrow 2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.case-benefits{margin-bottom:2.5rem}.case-benefits h4{font-size:1.3rem;font-weight:600;color:#1a1f3a;margin:0 0 1.5rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#38a9e00d;border-radius:12px;border:1px solid rgba(56,169,224,.15);transition:all .3s ease}.benefit-item:hover{background:#38a9e01a;transform:translate(5px);border-color:#38a9e04d}.benefit-icon{flex-shrink:0}.benefit-item span{font-size:1rem;color:#343a40;line-height:1.5;font-weight:500}.case-cta{padding:2.5rem;background:linear-gradient(135deg,#38a9e026,#7d5fff26);border-radius:16px;border:2px solid rgba(56,169,224,.3);text-align:center}.case-cta p{font-size:1.125rem;color:#343a40;margin:0 0 1.5rem;line-height:1.6;font-weight:500}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #38a9e04d}.cta-button:hover{background:#2c8bb8;transform:translateY(-2px);box-shadow:0 8px 30px #38a9e066}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}@media (max-width: 1024px){.cases-selector{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.case-detail{padding:2rem}.case-transformation{grid-template-columns:1fr;gap:1.5rem}.transformation-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.business-cases{padding:80px 0}.cases-selector{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.case-card{padding:1.5rem 1rem}.case-card-icon{font-size:2.5rem}.case-card-title{font-size:1rem}.case-detail{padding:1.5rem}.case-detail-header{flex-direction:column;text-align:center;gap:1.5rem}.case-icon-large{width:80px;height:80px;font-size:3rem}.case-header-text h3{font-size:1.75rem}.case-tagline{font-size:1.125rem}.benefits-grid{grid-template-columns:1fr}.case-cta{padding:2rem 1.5rem}.cta-button{padding:.875rem 2rem;font-size:1rem}}@media (max-width: 480px){.cases-selector{grid-template-columns:1fr}.case-card,.transformation-box{padding:1.5rem}}.demo-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.demo-dialog-content{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.demo-dialog-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.demo-dialog-close:hover{background:#0000001a;transform:rotate(90deg)}.demo-dialog-close svg{color:var(--text-color)}.demo-dialog-header{padding:3rem 3rem 2rem;border-bottom:1px solid #e5e7eb}.demo-dialog-header h2{font-size:2rem;margin-bottom:.75rem;color:var(--secondary-color)}.demo-dialog-header p{font-size:1.125rem;color:var(--text-light);line-height:1.6}.demo-dialog-body{padding:3rem}@media (max-width: 768px){.demo-dialog-overlay{padding:1rem}.demo-dialog-content{max-height:95vh}.demo-dialog-header{padding:2rem 1.5rem 1.5rem}.demo-dialog-header h2{font-size:1.5rem}.demo-dialog-header p{font-size:1rem}.demo-dialog-body{padding:2rem 1.5rem}.demo-dialog-close{top:1rem;right:1rem;width:36px;height:36px}}.bp-demo-container{display:flex;flex-direction:column;gap:3rem}.bp-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.bp-explanation-card{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.bp-explanation-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #38a9e01a;transform:translateY(-2px)}.bp-explanation-number{flex-shrink:0;width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.bp-explanation-content h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--secondary-color)}.bp-explanation-content p{font-size:.875rem;color:var(--text-light);line-height:1.6}.bp-animation-stage{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(280px,1fr);gap:1.5rem;align-items:start;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e5e7eb;min-height:500px;overflow-x:auto;overflow-y:visible}.bp-designer-side,.bp-public-side,.bp-internal-side{display:flex;flex-direction:column;gap:1rem;min-width:280px}.bp-designer-app,.bp-public-app,.bp-internal-app{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 4px 12px #00000014;opacity:0;transform:scale(.8);font-size:.9rem;min-width:0;overflow-wrap:break-word;word-wrap:break-word;overflow:hidden}.bp-app-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.bp-app-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:10px}.bp-app-icon.designer{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.bp-app-icon.public{background:linear-gradient(135deg,#4caf50,#388e3c)}.bp-app-icon.internal{background:linear-gradient(135deg,#38a9e0,#2c8bb8)}.bp-app-title{font-size:1.125rem;font-weight:700;color:var(--secondary-color)}.bp-app-subtitle{font-size:.8rem;color:var(--text-light)}.bp-designer-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.bp-section-label{font-size:.875rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.bp-fields-list{display:flex;flex-direction:column;gap:.75rem;min-width:0}.bp-field-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;opacity:0;transform:scale(.8);transition:all .2s ease;font-size:.85rem;min-width:0;max-width:100%}.bp-field-item:hover{border-color:var(--primary-color);background:#fff}.bp-field-icon{font-size:1.1rem;flex-shrink:0}.bp-field-name{flex:1;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bp-field-required{font-size:.75rem;padding:.25rem .5rem;background:#fee;color:#c33;border-radius:4px;font-weight:600;flex-shrink:0;white-space:nowrap}.bp-field-optional{font-size:.75rem;padding:.25rem .5rem;background:#f0f0f0;color:#666;border-radius:4px;font-weight:600;flex-shrink:0;white-space:nowrap}.bp-workflow-steps{display:flex;flex-direction:column;gap:.5rem}.bp-workflow-step{display:flex;align-items:center;gap:.5rem;padding:.6rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;opacity:0;transform:scale(.8);font-size:.85rem}.bp-step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.bp-step-name{flex:1;font-size:.95rem;font-weight:500}.bp-step-action{font-size:.75rem;color:var(--text-light);padding:.25rem .5rem;background:#f8f9fa;border-radius:4px}.bp-publish-btn,.bp-submit-btn,.bp-approve-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f0f0f0;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.75rem}.bp-publish-btn:hover,.bp-submit-btn:hover,.bp-approve-btn:hover{transform:translateY(-2px)}.bp-publish-icon,.bp-approve-icon{font-size:1.1rem;opacity:0;transform:scale(0)}.bp-internal-notification,.bp-internal-confirmation{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffb74d;border-radius:6px;opacity:0;transform:scale(.8) translateY(-20px);font-size:.85rem}.bp-internal-confirmation{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a}.bp-notif-icon{font-size:1.5rem;flex-shrink:0}.bp-notif-icon.success{filter:drop-shadow(0 2px 4px rgba(76,175,80,.3))}.bp-notif-content{display:flex;flex-direction:column;gap:.25rem}.bp-notif-content strong{font-size:.9rem;color:var(--secondary-color)}.bp-notif-content span{font-size:.8rem;color:var(--text-light)}.bp-internal-review{padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;opacity:0;transform:scale(.8);font-size:.85rem}.bp-review-header{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--secondary-color)}.bp-review-data{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.bp-review-item{padding:.6rem;background:#f8f9fa;border-radius:6px;font-size:.85rem}.bp-review-item strong{color:var(--secondary-color);margin-right:.5rem}.bp-steps-indicator{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.bp-step-indicator{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#f0f0f0;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text-light);transition:all .3s ease}.bp-step-circle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-weight:700;font-size:.75rem}.bp-step-connector{width:16px;height:2px;background:#e5e7eb}.bp-form-section{display:flex;flex-direction:column;gap:.75rem;min-width:0}.bp-form-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.bp-form-field label{font-size:.8rem;font-weight:600;color:var(--secondary-color)}.bp-field-input{position:relative}.bp-field-input input,.bp-field-input textarea{width:100%;padding:.6rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-family:inherit;transition:all .2s ease}.bp-field-input textarea{min-height:60px;resize:vertical}.bp-field-checkmark{position:absolute;right:.6rem;top:50%;transform:translateY(-50%) scale(0);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#4caf50;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;opacity:0}.bp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.bp-feature-card{padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.bp-feature-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #38a9e01a;transform:translateY(-4px)}.bp-feature-icon{font-size:2rem;margin-bottom:1rem}.bp-feature-card h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--secondary-color)}.bp-feature-card p{font-size:.875rem;color:var(--text-light);line-height:1.6}@media (max-width: 1200px){.bp-animation-stage{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.bp-explanation{grid-template-columns:1fr}.bp-animation-stage{padding:1rem}.bp-features-grid{grid-template-columns:1fr}}.feature-detail-content-wrapper{width:100%;height:100%;animation:fadeIn .6s ease-out;max-width:100%;overflow-x:hidden}.detail-header{display:flex;align-items:flex-start;gap:2rem;padding:2rem;margin-bottom:1rem}.detail-icon{font-size:4rem;flex-shrink:0}.detail-title{font-size:2.5rem;margin-bottom:1rem;color:var(--secondary-color)}.detail-description{font-size:1.2rem;color:var(--text-light);line-height:1.8}.detail-body{padding:2rem;max-width:100%;overflow-x:hidden}.detail-section{margin-bottom:3rem}.detail-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--secondary-color)}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-item-detail{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:1rem}.demo-animation{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:2rem;margin:2rem 0;border:2px solid rgba(56,169,224,.2);max-width:100%;overflow-x:hidden}.animation-stage{min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:visible;max-width:100%}.platform-base{position:relative;width:100%;max-width:800px}.tenant-container{display:flex;align-items:center;justify-content:center;position:relative;height:300px}.tenant-box{position:absolute;width:150px;min-height:200px;background:var(--primary-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;box-shadow:0 8px 30px #00000026;border:3px solid white;transition:box-shadow .3s ease}.tenant-icon{font-size:3rem}.tenant-name{color:#fff;font-weight:600;font-size:1.1rem}.tenant-lock{font-size:2rem;position:absolute;top:-20px;right:-20px;background:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;opacity:0}.isolation-barrier{position:absolute;width:4px;height:250px;background:repeating-linear-gradient(45deg,gold,gold 10px,orange 10px,orange 20px);opacity:0;left:50%;transform:scaleX(0);transform-origin:center}.mt-layout{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:900px;margin:0 auto}.mt-layout-new{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:100%;margin:0 auto}.mt-middle-row{display:flex;justify-content:center;gap:10rem;width:100%;position:relative;overflow-x:auto}.mt-account-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex-shrink:0}.tenant-to-account-arrow{width:3px;height:80px;background:linear-gradient(180deg,var(--primary-color),transparent);opacity:0;transform:scaleY(0);transform-origin:top;position:relative}.tenant-to-account-arrow:after{content:"↓";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);color:var(--primary-color);font-size:1.3rem;font-weight:700}.mt-account-box{background:#fff;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 6px 20px #0000001a;border:2px solid #e0e0e0;min-width:140px;opacity:0;transform:scale(0)}.mt-account-a{border-color:#38a9e0}.mt-account-b{border-color:#ff6b9d}.account-icon{font-size:2rem;text-align:center;margin-bottom:.5rem}.account-title{font-size:1rem;font-weight:700;color:var(--secondary-color);text-align:center;margin-bottom:.75rem}.account-perms{display:flex;flex-direction:column;gap:.4rem}.account-perm{background:#f0f0f0;padding:.4rem .6rem;border-radius:6px;font-size:.85rem;font-weight:600;color:#333;text-align:center;opacity:0;transform:scale(0)}.account-to-user-arrow{width:3px;height:80px;background:linear-gradient(180deg,transparent,var(--primary-color));opacity:0;transform:scaleY(0);transform-origin:bottom;position:relative}.account-to-user-arrow:before{content:"↓";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);color:var(--primary-color);font-size:1.3rem;font-weight:700}.mt-user-new{background:#fff;border-radius:16px;padding:1.25rem 1.75rem;box-shadow:0 6px 20px #0000001f;border:2px solid var(--primary-color);text-align:center;opacity:0;transform:scale(0)}.mt-user-icon-new{font-size:2.5rem;margin-bottom:.5rem}.mt-user-name-new{font-size:1.1rem;font-weight:700;color:var(--secondary-color)}.mt-connections{display:flex;justify-content:center;gap:8rem;width:100%;position:relative}.user-connection{width:3px;height:100px;background:linear-gradient(180deg,transparent,var(--primary-color),transparent);opacity:0;transform:scaleX(0);transform-origin:top;position:relative}.user-connection:after{content:"↓";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);color:var(--primary-color);font-size:1.5rem;font-weight:700}.user-connection-a{margin-right:150px}.user-connection-b{margin-left:80px}.mt-user{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 30px #00000026;border:3px solid var(--primary-color);text-align:center;max-width:350px;opacity:0}.mt-user-icon{font-size:4rem;margin-bottom:1rem}.mt-user-name{font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:.5rem}.mt-user-label{font-size:.95rem;color:var(--text-light);font-style:italic;margin-top:.75rem}.tenant-account{margin-top:.75rem;padding-top:.75rem;border-top:2px solid rgba(255,255,255,.3);width:100%;opacity:0;transform:scale(0)}.account-label{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.5rem}.tenant-perms-a,.tenant-perms-b{background:#fff3;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;color:#fff;margin-bottom:.25rem;opacity:0;transform:scale(0)}.animation-caption{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.animation-caption p{font-size:1.1rem;color:var(--text-light)}.animation-caption strong{color:var(--primary-color)}.auth-demo{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:3rem;margin:2rem 0;border:2px solid rgba(56,169,224,.2)}.auth-container{position:relative;width:100%;max-width:600px;height:400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.auth-container-new{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;margin:0 auto;gap:1.5rem;min-height:500px;overflow-x:auto;overflow-y:visible}.auth-user{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:var(--primary-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 30px #00000026;border:4px solid white;z-index:10}.user-icon{font-size:3rem}.user-name{color:#fff;font-weight:600;font-size:1rem;margin-top:.5rem}.checkmark{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #4caf5066;opacity:0;scale:0}.role-badge{position:absolute;width:100px;height:100px;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 20px #0000001a;border:2px solid var(--primary-color);z-index:10}.role-icon{font-size:2rem}.role-name{font-weight:600;font-size:.9rem;color:var(--secondary-color)}.permission-connections{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.permission-line{opacity:0;transform-origin:center}.permission-icon{position:absolute;opacity:0;scale:0;z-index:10}.perm-badge{background:linear-gradient(135deg,#38a9e0,#2e8bc0);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #38a9e04d}.roles-section{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-width:200px;flex-shrink:0}.role-card{background:#fff;border-radius:12px;padding:1.25rem;border:2px solid #e0e0e0;box-shadow:0 4px 12px #00000014;transition:all .3s ease;opacity:0}.role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.role-icon-new{font-size:1.75rem}.role-title{font-size:1.1rem;font-weight:700;color:var(--secondary-color);flex:1}.time-badge{background:#ff9800;color:#fff;padding:.25rem .65rem;border-radius:12px;font-size:.75rem;font-weight:600;opacity:0;transform:scale(0)}.role-permissions{display:flex;flex-direction:column;gap:.5rem}.role-permission{background:#f8f9fa;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:500;color:#333;opacity:0;transform:scale(0)}.assignment-lines{display:flex;flex-direction:column;justify-content:space-around;gap:1.5rem;padding:2rem 0;min-width:100px;flex-shrink:0}.role-assignment{height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:2px;opacity:0;transform:scaleX(0);transform-origin:left;min-width:100px;position:relative}.role-assignment:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1.2rem;font-weight:700}.user-section{display:flex;flex-direction:column;gap:2rem;flex:1;min-width:250px;flex-shrink:0}.auth-user-new{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0000001a;border:2px solid #e0e0e0;opacity:0}.user-icon-new{font-size:3rem;display:block;text-align:center;margin-bottom:.5rem}.user-name-new{font-size:1.2rem;font-weight:700;color:var(--secondary-color);text-align:center;margin-bottom:1rem}.user-roles{display:flex;flex-direction:column;gap:.5rem}.user-role{background:#f0f0f0;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;opacity:0;transform:scale(0)}.user-role-admin{background:linear-gradient(135deg,#38a9e0,#2e8bc0);color:#fff}.user-role-editor{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.user-role-viewer{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.user-permissions{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #00000014;border:2px solid var(--primary-color)}.user-permissions-label{font-size:1rem;font-weight:700;color:var(--secondary-color);margin-bottom:.75rem;opacity:0;transform:translateY(10px)}.user-permissions-list{display:flex;flex-direction:column;gap:.5rem}.user-permission-badge{background:linear-gradient(135deg,#38a9e0,#2e8bc0);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;opacity:0;transform:scale(0)}.bp-demo{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:3rem;margin:2rem 0;border:2px solid rgba(56,169,224,.2)}.bp-two-apps{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;min-height:400px;max-width:100%;margin:0 auto}.bp-public-app,.bp-admin-app{flex:1;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 25px #0000001a;border:2px solid #e0e0e0;opacity:0;scale:0}.bp-app-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0;margin-bottom:1rem}.bp-app-icon{font-size:1.5rem}.bp-app-title{font-size:1rem;font-weight:700;color:var(--secondary-color)}.bp-public-form{opacity:0;scale:0}.bp-form-steps{display:flex;gap:.5rem;margin-bottom:1rem}.bp-public-step{flex:1;padding:.5rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:all .4s ease}.bp-step-num{font-size:1rem;font-weight:700;color:#666}.bp-step-text{font-size:.7rem;font-weight:600;color:#666}.bp-form-fields{display:flex;flex-direction:column;gap:.5rem}.bp-public-field{position:relative;padding:.6rem .8rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;font-size:.85rem;font-weight:600;opacity:.3;transition:all .4s ease}.bp-public-checkmark{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;opacity:0;scale:0}.bp-user-notification{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:600;opacity:0;scale:0;box-shadow:0 4px 15px #4caf504d}.bp-notif-icon{font-size:1.2rem}.bp-notif-text{font-size:.85rem}.bp-admin-process{opacity:0;scale:0}.bp-process-label{font-size:.85rem;font-weight:700;color:var(--primary-color);margin-bottom:.75rem}.bp-admin-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.bp-admin-field{padding:.6rem .8rem;background:#fff;border:2px solid var(--primary-color);border-radius:6px;font-size:.8rem;font-weight:600;color:var(--secondary-color);opacity:0;scale:0}.bp-publish-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary-color);color:#fff;border-radius:8px;font-weight:600;font-size:.85rem;box-shadow:0 4px 15px #38a9e04d;transition:all .4s ease}.bp-publish-icon{font-size:1rem;opacity:0;scale:0}.bp-admin-notification{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,orange,#ffb84d);color:#fff;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:600;opacity:0;scale:0;box-shadow:0 4px 15px #ffa5004d}.bp-admin-review{margin-top:1rem;padding:1rem;background:#f8f9fa;border:2px solid var(--primary-color);border-radius:8px;opacity:0;scale:0}.bp-review-label{font-size:.85rem;font-weight:700;color:var(--secondary-color);margin-bottom:.75rem}.bp-approve-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary-color);color:#fff;border-radius:8px;font-weight:600;font-size:.85rem;transition:all .4s ease}.bp-approve-icon{font-size:1rem;font-weight:700;opacity:0;scale:0}.bp-arrows{display:flex;flex-direction:column;justify-content:center;gap:3rem;font-size:2rem;color:var(--primary-color);padding:1.5rem 0}.bp-submit-arrow,.bp-approval-arrow{opacity:0;transform:translate(-30px);font-weight:700}.tech-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;align-items:start}.spec-item{padding:.75rem 0;display:flex;flex-direction:column}.spec-item h4{font-size:1.05rem;margin-bottom:.5rem;color:var(--secondary-color);line-height:1.3;font-weight:600}.spec-item p{color:var(--text-light);line-height:1.6;font-size:.95rem;margin:0}.detail-cta{display:flex;gap:1rem;justify-content:center;margin-top:3rem}@media (max-width: 968px){.detail-header{flex-direction:column;padding:2rem}.detail-body{padding:2rem}.features-list,.tech-specs{grid-template-columns:1fr}.tenant-box{width:120px;min-height:160px}.mt-connections{gap:5rem}.user-connection-a{margin-right:100px}.user-connection-b{margin-left:50px}.detail-cta{flex-direction:column}}@media (max-width: 768px){.detail-title{font-size:2rem}.demo-animation{padding:2rem}.animation-stage{min-height:300px}.auth-container{height:350px}.auth-user{width:100px;height:100px}.user-icon{font-size:2.5rem}.role-badge{width:80px;height:80px}.role-icon{font-size:1.5rem}.role-name{font-size:.75rem}.perm-badge{font-size:.75rem;padding:.4rem .8rem}.mt-layout{gap:2rem}.mt-layout-new{gap:1.5rem}.mt-middle-row{gap:6rem}.tenant-to-account-arrow,.account-to-user-arrow{height:60px}.mt-account-box{min-width:120px;padding:.85rem 1rem}.account-icon{font-size:1.75rem}.account-title{font-size:.95rem}.account-perm{font-size:.8rem;padding:.35rem .5rem}.mt-user-new{padding:1rem 1.5rem}.mt-user-icon-new{font-size:2rem}.mt-user-name-new{font-size:1rem}.mt-connections{gap:3rem}.user-connection{height:60px}.user-connection-a{margin-right:50px}.user-connection-b{margin-left:20px}.mt-user{padding:1.5rem}.mt-user-icon{font-size:3rem}.mt-user-name{font-size:1.2rem}.mt-user-label{font-size:.85rem}.auth-container-new{flex-direction:column;gap:2rem;min-height:auto}.assignment-lines{display:none}.roles-section,.user-section{width:100%;max-width:400px;margin:0 auto}.bp-two-apps{flex-direction:column;gap:2rem;min-height:auto}.bp-arrows{flex-direction:row;justify-content:center;gap:2rem;font-size:2rem;padding:1rem 0}.bp-submit-arrow,.bp-approval-arrow{transform:translateY(-20px)}.bp-app-title{font-size:1rem}.bp-app-icon{font-size:1.5rem}.bp-step-num{font-size:1rem}.bp-step-text{font-size:.7rem}.bp-public-field,.bp-admin-field{font-size:.85rem;padding:.6rem .8rem}.bp-publish-btn,.bp-approve-btn{font-size:.9rem;padding:.6rem 1.2rem}.bp-notif-text{font-size:.9rem}}.notif-demo .animation-stage{min-height:450px}.notif-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;gap:2rem;overflow-x:auto;overflow-y:visible}.notif-preferences{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;min-width:280px;flex-shrink:0;opacity:0;transform:scale(0)}.notif-pref-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.notif-user-icon{font-size:2rem}.notif-pref-title{font-size:1.1rem;font-weight:700;color:var(--secondary-color)}.notif-channels-list{display:flex;flex-direction:column;gap:1rem}.notif-channel-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:10px;transition:background .3s ease}.notif-channel-item.notif-disabled{opacity:.4}.notif-channel-label{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:#333}.notif-channel-emoji{font-size:1.4rem}.notif-toggle{width:50px;height:26px;background:#ccc;border-radius:13px;position:relative;cursor:pointer;transition:background .3s ease}.notif-toggle-disabled{cursor:not-allowed;opacity:.5}.notif-toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.notif-trigger{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;opacity:0;transform:scale(0);min-width:200px;flex-shrink:0}.notif-trigger-icon{font-size:3.5rem}.notif-trigger-text{font-size:1.2rem;font-weight:700;color:var(--secondary-color)}.notif-sending{font-size:.95rem;color:var(--primary-color);font-weight:500;opacity:0;transform:scale(0)}.notif-delivery{display:flex;flex-direction:column;gap:1rem;min-width:200px;flex-shrink:0}.notif-delivery-header{font-size:1.1rem;font-weight:700;color:var(--secondary-color);text-align:center;margin-bottom:.5rem}.notif-channel-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;opacity:0;transform:scale(.8);position:relative}.notif-icon-email,.notif-icon-sms,.notif-icon-inapp{font-size:2rem;opacity:0;transform:scale(0)}.notif-channel-name{font-size:1rem;font-weight:600;color:#333;flex:1}.notif-checkmark{font-size:1.5rem;color:#fff;opacity:0;transform:scale(0);background:#4caf50;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}@media (max-width: 968px){.notif-container{flex-direction:column;gap:2rem}.notif-preferences,.notif-trigger,.notif-delivery{width:100%;max-width:350px}}@media (max-width: 480px){.notif-pref-title{font-size:.95rem}.notif-channel-label{font-size:.9rem}.notif-channel-emoji{font-size:1.2rem}.notif-trigger-icon{font-size:2.5rem}.notif-trigger-text{font-size:1rem}}.features{padding:8rem 0;background:#fff;position:relative}.features:before{content:"";position:absolute;top:0;left:0;width:100%;height:300px;background:linear-gradient(180deg,#f8f9fa,#f8f9fa00);pointer-events:none}.section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.section-title{font-size:3rem;margin-bottom:1.5rem;color:var(--secondary-color)}.section-subtitle{font-size:1.25rem;color:var(--text-light);line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:6rem;position:relative;z-index:1}.features-container{display:grid;grid-template-columns:350px 1fr;gap:0;margin-top:4rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;overflow:visible;max-width:100%}.feature-tabs{background:#f8f9fa;padding:2rem 0;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto;border-radius:24px 0 0 24px}.feature-tab{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.feature-tab:hover{background:#38a9e00d}.feature-tab.active{background:#38a9e01a}.feature-tab .tab-icon{font-size:2rem;flex-shrink:0}.feature-tab .tab-info{flex:1}.feature-tab .tab-title{font-size:1rem;font-weight:600;color:var(--secondary-color)}.feature-content{padding:3rem;overflow:hidden}.features-grid>*{opacity:1!important;visibility:visible!important}.feature-card{background:#fff;padding:2.5rem;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;z-index:1;opacity:1;overflow:hidden}.feature-card:hover{box-shadow:0 8px 30px #38a9e026;border-color:#38a9e033;transform:translateY(-5px)}.feature-card-overlay{position:absolute;bottom:0;left:0;right:0;background:var(--gradient-primary);color:#fff;padding:1rem;text-align:center;font-weight:600;transform:translateY(100%);transition:transform .3s ease}.feature-card:hover .feature-card-overlay{transform:translateY(0)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--secondary-color)}.feature-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.feature-details{list-style:none;padding:0;margin:0}.feature-details li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-color);font-size:.95rem}.feature-details li svg{color:var(--primary-color);flex-shrink:0}.cta-section{text-align:center;padding:4rem 2rem;background:var(--gradient-primary);border-radius:24px;color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.cta-section h3{font-size:2.5rem;margin-bottom:1rem;color:#fff;position:relative;z-index:1}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.95;position:relative;z-index:1}.cta-section .btn{background:#fff;color:var(--primary-color);position:relative;z-index:1}.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (max-width: 1200px){.features-grid:not(.has-expanded){grid-template-columns:repeat(2,1fr)}}@media (max-width: 968px){.features-container{grid-template-columns:1fr}.feature-tabs{padding:1.5rem 0;flex-direction:row;overflow-x:auto;gap:1rem;border-radius:24px 24px 0 0}.feature-tab{min-width:200px}.feature-tab.active{background:#38a9e01a}.feature-content{padding:2rem}}@media (max-width: 768px){.features{padding:5rem 0}.section-title{font-size:2.25rem}.section-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:2rem}.feature-content{padding:1.5rem}.cta-section h3{font-size:2rem}.cta-section p{font-size:1.1rem}}.integration{padding:120px 0;background:linear-gradient(135deg,#0a0e27,#1a1f3a);position:relative;overflow:hidden}.integration:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(56,169,224,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,157,.1) 0%,transparent 50%);pointer-events:none}.integration .container{position:relative;z-index:1}.integration .section-title{color:var(--primary-color)}.integration-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:2rem;margin:4rem 0;padding:3rem;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.column-title{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:2rem;text-align:center}.clients-column,.integrations-column{display:flex;flex-direction:column}.client-cards,.integration-cards{display:flex;flex-direction:column;gap:1rem}.client-card,.integration-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.client-card:hover,.integration-card:hover{background:#ffffff14;border-color:var(--primary-color);transform:translate(5px)}.integration-card:hover{transform:translate(-5px);border-color:var(--accent-color)}.client-icon,.integration-icon{font-size:2rem;flex-shrink:0}.client-info h4,.integration-info h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.client-info p,.integration-info p{font-size:.875rem;color:#fff9;line-height:1.4}.connections-left,.connections-right{display:flex;flex-direction:column;justify-content:space-around;gap:1rem;height:100%;padding:2rem 0}.connection-line{height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,rgba(56,169,224,.3) 100%);position:relative;transform-origin:left}.connection-line.right{background:linear-gradient(90deg,rgba(56,169,224,.3) 0%,var(--primary-color) 100%);transform-origin:right}.connection-line:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 12px var(--primary-color);animation:pulse-dot 2s ease-in-out infinite}.connection-line.left:after{right:auto;left:0}@keyframes pulse-dot{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.3)}}.integration-hub{position:relative;display:flex;align-items:center;justify-content:center;min-width:260px;height:260px}.hub-content{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;background:#ffffff0d;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #38a9e04d,0 0 0 1px #fff3}.hub-top,.hub-bottom{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.hub-top{background:linear-gradient(135deg,#667eea,#764ba2)}.hub-bottom{background:linear-gradient(135deg,var(--primary-color),#2c5f8d)}.hub-divider{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);box-shadow:0 0 10px #ffffff4d}.hub-top h3,.hub-bottom h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.hub-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:20px;border:2px solid var(--primary-color);animation:hub-pulse 3s ease-out infinite}@keyframes hub-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.integration-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-box{padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:center}.feature-box:hover{background:#ffffff0d;border-color:var(--primary-color);transform:translateY(-5px)}.feature-box-icon{font-size:2.5rem;margin-bottom:1rem}.feature-box h4{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.75rem}.feature-box p{font-size:.95rem;color:#ffffffb3;line-height:1.6}@media (max-width: 1200px){.integration-diagram{grid-template-columns:1fr;gap:3rem;padding:2rem}.connections-left,.connections-right{display:none}.integration-hub{margin:2rem auto}.clients-column,.integrations-column{max-width:600px;margin:0 auto}}@media (max-width: 768px){.integration{padding:80px 0}.integration-diagram{padding:1.5rem;gap:2rem}.column-title{font-size:1.1rem;margin-bottom:1.5rem}.integration-hub{height:220px;min-width:220px}.hub-top,.hub-bottom{padding:1.5rem 1rem}.hub-top h3,.hub-bottom h3{font-size:1.1rem}.integration-features{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.client-card,.integration-card{padding:1rem}.client-icon,.integration-icon{font-size:1.75rem}}@media (max-width: 480px){.integration-diagram{padding:1rem}.client-card,.integration-card{flex-direction:column;text-align:center}.feature-box{padding:1.5rem}}.use-cases{padding:4rem 0;background:#fff}.use-cases-container{display:grid;grid-template-columns:350px 1fr;gap:3rem;margin-top:4rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;overflow:visible;opacity:1!important;visibility:visible!important}.use-case-tabs{background:#f8f9fa;padding:2rem 0;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto;border-radius:24px 0 0 24px}.use-case-tab{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.use-case-tab:hover{background:#38a9e00d}.use-case-tab.active{background:#fff;border-left-color:var(--primary-color);box-shadow:0 4px 15px #0000000d}.tab-icon{font-size:2rem;flex-shrink:0}.tab-info{flex:1}.tab-title{font-size:1rem;font-weight:600;color:var(--secondary-color);margin-bottom:.25rem}.tab-industry{font-size:.85rem;color:var(--text-light)}.use-case-content{padding:3rem;border-radius:0 24px 24px 0;background:#fff}.use-case-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.content-icon{font-size:3.5rem}.use-case-header h3{font-size:2rem;margin-bottom:.5rem;color:var(--secondary-color)}.content-industry{display:inline-block;padding:.25rem .75rem;background:var(--gradient-primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600}.use-case-description{font-size:1.15rem;line-height:1.8;color:var(--text-color);margin-bottom:2.5rem}.use-case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16 / 10;background:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#38a9e0e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.use-case-details{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.detail-section{background:#f8f9fa;padding:1.75rem;border-radius:12px;border-left:3px solid var(--primary-color)}.detail-section h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:1rem;color:var(--secondary-color)}.detail-section h4 svg{color:var(--primary-color)}.detail-section p{margin:0;line-height:1.7;color:var(--text-light)}.use-case-results h4{font-size:1.3rem;margin-bottom:1.5rem;color:var(--secondary-color)}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.result-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#38a9e00d;border-radius:10px;font-weight:500;color:var(--text-color)}.result-item svg{flex-shrink:0}.use-case-testimonial{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#38a9e00d,#38a9e005);border-radius:16px;border-left:4px solid var(--primary-color);position:relative}.quote-icon{position:absolute;top:1.5rem;right:1.5rem;opacity:.3}.testimonial-quote{font-size:1.15rem;line-height:1.8;color:var(--text-color);font-style:italic;margin:0 0 1.5rem;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-image{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);flex-shrink:0}.testimonial-info{display:flex;flex-direction:column;gap:.25rem}.testimonial-info strong{font-size:1rem;color:var(--secondary-color);font-weight:600}.testimonial-info span{font-size:.9rem;color:var(--text-light)}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.lightbox-counter{margin-top:1rem;color:#fff;font-size:1rem;font-weight:600;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}@media (max-width: 968px){.use-cases{padding:5rem 0}.use-cases-container{grid-template-columns:1fr}.use-case-tabs{padding:1.5rem 0;flex-direction:row;overflow-x:auto;gap:1rem}.use-case-tab{border-left:none;border-bottom:3px solid transparent;min-width:200px}.use-case-tab.active{border-left:none;border-bottom-color:var(--primary-color)}.use-case-content{padding:2rem}.use-case-details,.results-grid{grid-template-columns:1fr}.use-case-testimonial{padding:1.5rem}.quote-icon{width:24px;height:24px;top:1rem;right:1rem}.use-case-gallery{grid-template-columns:repeat(2,1fr)}.lightbox{padding:1rem}.lightbox-prev,.lightbox-next{width:48px;height:48px}.lightbox-prev svg,.lightbox-next svg{width:32px;height:32px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px}.lightbox-close svg{width:24px;height:24px}}@media (max-width: 768px){.use-case-content{padding:1.5rem}.use-case-header{flex-direction:column;align-items:flex-start}.use-case-header h3{font-size:1.5rem}.use-case-description{font-size:1rem}.detail-section{padding:1.5rem}.testimonial-quote{font-size:1rem}.use-case-gallery{grid-template-columns:1fr}}.privacy-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease}.privacy-dialog{background:#fff;border-radius:16px;max-width:900px;max-height:90vh;width:100%;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.privacy-dialog-close{position:absolute;top:1.5rem;right:1.5rem;background:#f8f9fa;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--text-color)}.privacy-dialog-close:hover{background:#e9ecef;transform:rotate(90deg)}.privacy-dialog-content{padding:3rem;overflow-y:auto;flex:1}.privacy-dialog-content::-webkit-scrollbar{width:8px}.privacy-dialog-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.privacy-dialog-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.privacy-dialog-content::-webkit-scrollbar-thumb:hover{background:#2d91bf}.privacy-dialog-content h1{font-size:2.5rem;color:var(--secondary-color);margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary-color)}.privacy-dialog-content h2{font-size:1.75rem;color:var(--secondary-color);margin-top:2.5rem;margin-bottom:1rem}.privacy-dialog-content h3{font-size:1.25rem;color:var(--secondary-color);margin-top:1.5rem;margin-bottom:.75rem}.privacy-dialog-content section{margin-bottom:2rem}.privacy-dialog-content p{line-height:1.8;color:var(--text-color);margin-bottom:1rem}.privacy-dialog-content ul{margin-left:1.5rem;margin-bottom:1rem}.privacy-dialog-content li{line-height:1.8;color:var(--text-color);margin-bottom:.5rem}.privacy-dialog-content strong{color:var(--secondary-color);font-weight:600}@media (max-width: 768px){.privacy-dialog-overlay{padding:1rem}.privacy-dialog{max-height:95vh}.privacy-dialog-content{padding:2rem 1.5rem}.privacy-dialog-content h1{font-size:2rem}.privacy-dialog-content h2{font-size:1.5rem}.privacy-dialog-content h3{font-size:1.15rem}.privacy-dialog-close{top:1rem;right:1rem;width:36px;height:36px}.privacy-dialog-close svg{width:20px;height:20px}}.impressum-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.impressum-dialog{background:#fff;border-radius:16px;max-width:900px;max-height:90vh;width:100%;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.impressum-dialog-close{position:absolute;top:1.5rem;right:1.5rem;background:#f8f9fa;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--text-color)}.impressum-dialog-close:hover{background:#e9ecef;transform:rotate(90deg)}.impressum-dialog-content{padding:3rem;overflow-y:auto;flex:1}.impressum-dialog-content::-webkit-scrollbar{width:8px}.impressum-dialog-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.impressum-dialog-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.impressum-dialog-content::-webkit-scrollbar-thumb:hover{background:#2d91bf}.impressum-dialog-content h1{font-size:2.5rem;color:var(--secondary-color);margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary-color)}.impressum-dialog-content h2{font-size:1.75rem;color:var(--secondary-color);margin-top:2.5rem;margin-bottom:1rem}.impressum-dialog-content h3{font-size:1.25rem;color:var(--secondary-color);margin-top:1.5rem;margin-bottom:.75rem}.impressum-dialog-content section{margin-bottom:2rem}.impressum-dialog-content p{line-height:1.8;color:var(--text-color);margin-bottom:1rem}.impressum-dialog-content ul{margin-left:1.5rem;margin-bottom:1rem}.impressum-dialog-content li{line-height:1.8;color:var(--text-color);margin-bottom:.5rem}.impressum-dialog-content strong{color:var(--secondary-color);font-weight:600}.impressum-dialog-content a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.impressum-dialog-content a:hover{color:#2d91bf;text-decoration:underline}@media (max-width: 768px){.impressum-dialog-overlay{padding:1rem}.impressum-dialog{max-height:95vh}.impressum-dialog-content{padding:2rem 1.5rem}.impressum-dialog-content h1{font-size:2rem}.impressum-dialog-content h2{font-size:1.5rem}.impressum-dialog-content h3{font-size:1.15rem}.impressum-dialog-close{top:1rem;right:1rem;width:36px;height:36px}.impressum-dialog-close svg{width:20px;height:20px}}.footer{background:var(--secondary-color);color:#fffc;padding:4rem 0 2rem}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{width:150px;filter:brightness(0) invert(1)}.footer-tagline{font-size:1.1rem;color:#ffffffe6;font-weight:500}.footer-address{font-size:.95rem;line-height:1.6}.footer-address p{margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{color:#fff;font-size:1.1rem;margin-bottom:1.25rem;font-weight:700}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-column ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-column ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{width:40px;height:40px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.footer-certifications{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem}.certification-logo{height:50px;width:auto;opacity:.8;transition:opacity .3s ease}.certification-logo:hover{opacity:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.copyright{font-size:.9rem;color:#fff9;margin:0}.footer-legal{display:flex;align-items:center;gap:1rem;font-size:.9rem}.footer-legal a{color:#fff9;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:var(--primary-color)}.footer-legal .separator{color:#ffffff4d}@media (max-width: 968px){.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.footer{padding:3rem 0 1.5rem}.footer-links{grid-template-columns:1fr;gap:2rem}.footer-certifications{gap:1rem;margin-top:1rem}.certification-logo{height:40px}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}.App{min-height:100vh;width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #38A9E0;--secondary-color: #000000;--accent-color: #ffffff;--text-color: #333333;--text-light: #666666;--background-light: #f8f9fa;--gradient-primary: linear-gradient(135deg, #38A9E0 0%, #2d8bbd 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--secondary-color)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.section-header,.feature-card,.module-card,.review-card,.use-case-content{opacity:1!important;visibility:visible!important}