:root{--bg-color:#f6f9fc;--surface-color:#fff;--surface-light:#ffffffe6;--accent-teal:#00a39b;--accent-red:#e6152b;--accent-teal-hover:#008780;--text-primary:#1a1f36;--text-secondary:#425466;--border-color:#e3e8ee;--glow-teal:#00a39b26;--glow-red:#e6152b26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--accent-teal)}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg, var(--accent-red), var(--accent-teal));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;transition:transform .3s,box-shadow .3s;box-shadow:0 13px 27px -5px #32325d26,0 8px 16px -8px #0003}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}.btn-primary{background:var(--accent-teal);color:#fff;border-radius:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.btn-primary:hover{background:var(--accent-teal-hover);transform:translateY(-1px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-radius:2rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:var(--accent-teal);background:#ffffff1a;transform:translateY(-2px)}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:800}input,textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:.5rem;padding:1rem;font-family:inherit;transition:all .3s;box-shadow:0 1px 3px #0000000d}input:focus,textarea:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--glow-teal);outline:none}.cookie-banner{background:var(--surface-color);border-top:1px solid var(--border-color);z-index:9999;justify-content:center;align-items:center;gap:2rem;padding:1.5rem;animation:.5s 1s forwards slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -5px 20px #0000001a}@keyframes slideUp{to{transform:translateY(0)}}.cookie-text{color:var(--text-secondary);font-size:.9rem}.cookie-actions{gap:1rem;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar{z-index:100;background:var(--surface-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);width:100%;position:fixed;top:0}img[src="/satalix-logo.png"],img[alt=Satalix\ Logo]{mix-blend-mode:multiply}.navbar .container{justify-content:space-between;align-items:center;height:6.5rem;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg, var(--accent-red), var(--accent-teal));color:#fff;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 4px 14px #e6152b40}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hero{padding:12rem 0 8rem;position:relative;overflow:hidden}.hero-slanted-bg{transform-origin:0;z-index:-1;border-top:1px solid var(--border-color);background:linear-gradient(105deg,#f6f9fc 0%,#fff 50%,#f0f4f8 100%);background:var(--bg-color);height:140%;position:absolute;top:-20%;left:0;right:0;transform:skewY(-6deg)}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-content{text-align:left}.hero h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-size:4.5rem;font-weight:900;line-height:1.05}.hero p{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.35rem;line-height:1.6}.hero-buttons{justify-content:flex-start;gap:1rem;display:flex}.hero-graphic{height:400px;position:relative}.floating-card{border:1px solid var(--border-color);background:#fff;border-radius:1.5rem;width:320px;padding:1.5rem;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.card-1{z-index:2;top:10%;right:10%}.card-2{z-index:1;animation-delay:-3s;bottom:10%;left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.products{background:var(--surface-color);padding:6rem 0}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.product-card{background:var(--surface-color);flex-direction:column;height:100%;padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.product-card:hover{border-color:#00a39b4d;transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.product-icon{width:48px;height:48px;color:var(--accent-teal);background:#00a39b1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.product-card h3{margin-bottom:1rem;font-size:1.5rem}.product-card p{color:var(--text-secondary);flex:1;margin-bottom:2rem}.product-link{color:var(--accent-teal);align-items:center;gap:.5rem;margin-top:auto;font-weight:500;display:inline-flex}.product-link:hover{text-decoration:underline}.roomera-featured{background:var(--surface-color);border-color:#e6152b33;grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.roomera-featured .product-icon{color:var(--accent-red);background:#e6152b1a}.roomera-image-placeholder{border:1px dashed var(--border-color);height:300px;color:var(--text-secondary);background:#0003;border-radius:1rem;justify-content:center;align-items:center;display:flex}.footer{border-top:1px solid var(--border-color);background:var(--bg-color);padding:4rem 0 2rem}.footer-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.footer-brand p{color:var(--text-secondary);margin-top:1rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-col h4{margin-bottom:1rem;font-size:1.1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.5rem}.footer-col ul a{color:var(--text-secondary);transition:color .2s}.footer-col ul a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:2rem;font-size:.9rem}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-graphic{display:none}.hero h1{font-size:3rem}}@media (width<=768px){.nav-links{display:none}.roomera-featured,.footer-content{grid-template-columns:1fr}}.products-showcase-z{flex-direction:column;gap:6rem;display:flex}.product-z-row{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;margin-bottom:8rem;display:grid}.product-z-row.reverse{direction:rtl}.product-z-row.reverse>*{direction:ltr}.z-content h3{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.z-content p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.z-features{flex-direction:column;gap:1rem;margin-bottom:2.5rem;padding:0;list-style:none;display:flex}.z-features li{color:var(--text-secondary);align-items:flex-start;gap:1rem;font-size:1.1rem;line-height:1.5;display:flex}.z-features li svg{color:var(--accent-teal);flex-shrink:0;margin-top:2px}.z-actions{gap:1rem;display:flex}.z-mockup{border:1px solid var(--border-color);border-radius:1.5rem;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:perspective(1200px)rotateY(-2deg)rotateX(2deg)scale(.98);box-shadow:0 50px 100px -20px #32325d26,0 30px 60px -30px #0003}.product-z-row.reverse .z-mockup{transform:perspective(1200px)rotateY(2deg)rotateX(2deg)scale(.98)}.z-mockup:hover{transform:perspective(1200px)rotateY(0)rotateX(0)scale(1)translateY(-10px);box-shadow:0 60px 120px -20px #32325d40,0 40px 80px -30px #0000004d}.z-mockup img{width:100%;display:block}.stripe-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;padding:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 13px 27px -5px #32325d14,0 8px 16px -8px #0000001a}.stripe-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px #32325d26,0 18px 36px -18px #0003}.blog-read-more{color:var(--accent-teal);align-items:center;gap:.5rem;margin-top:auto;font-size:.95rem;font-weight:700;transition:transform .3s;display:flex}.stripe-card:hover .blog-read-more{transform:translate(5px)}@media (width<=992px){.product-z-row,.product-z-row.reverse{flex-direction:column;gap:3rem;display:flex}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface-color);border-radius:1rem;width:90%;max-width:500px;padding:3rem;position:relative;box-shadow:0 20px 40px #00000080}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--accent-red)}.demo-form .form-group{text-align:left;margin-bottom:1.5rem}.demo-form label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.demo-form input{border:1px solid var(--border-color);border-radius:.5rem;width:100%;padding:.8rem;font-family:inherit;font-size:1rem}.demo-form input:focus{border-color:var(--accent-teal);outline:none;box-shadow:0 0 0 3px #00a39b1a}