.app{color:var(--text-color);line-height:1.6}.product-logo{position:absolute;top:20px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:10;display:flex;width:100%;max-width:1200px;padding:0 2rem}.svg-container{width:auto;height:50px;background-color:white;cursor:pointer;transition:transform .2s ease}.svg-container:hover{transform:scale(1.05)}.product-page{--current-theme:var(--primary-color-2);--current-theme-light:#3474eb;color:var(--text-color);line-height:1.6;position:relative}.product-hero{padding:120px 0 80px;position:relative;overflow:hidden;color:var(--white)}.hero-background{left:0;z-index:1}.hero-background,.hero-background svg{position:absolute;bottom:0;width:100%;height:100%}.wave-large,.wave-small{fill:var(--current-theme)}.container{position:relative;z-index:2;width:100%;padding:0 2rem}.container,.hero-content{max-width:1200px;margin:0 auto}.hero-content{display:flex;align-items:center;gap:4rem}.hero-text{flex:1 1}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-text h1,.hero-text h1 span,.hero-text p{color:var(--secondary-color)}.hero-text p{font-size:1rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.hero-button{padding:1rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;cursor:pointer;border:none}.hero-button.primary{background:var(--current-theme);color:var(--white)}.hero-button.primary:hover{background:var(--current-theme-light)}.hero-button.secondary{border:2px solid var(--current-theme);color:var(--current-theme);background:transparent}.hero-image{position:relative;width:100%;max-width:500px;height:auto;aspect-ratio:4/3}.product-screenshot{object-fit:cover;width:100%;height:100%;max-height:400px;transition:transform .3s ease;border-radius:8px}.login-showcase{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.login-image{width:100%;height:auto;object-fit:cover}.access-image{position:relative;width:100%;max-width:400px;aspect-ratio:4/3;margin:0 auto}.access-screenshot{object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.access-details{padding:2rem;background:rgba(255,255,255,.05);border-radius:12px}.overlay-text{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));color:var(--white)}.features{padding:0 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}.section-divider{width:6rem;height:3px;background:var(--current-theme);margin:1rem auto}.section-description{font-size:1.125rem;color:var(--secondary-color);max-width:48rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:2rem 0}.feature-card{background:var(--white);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.feature-card:hover{transform:translateY(-.5rem);box-shadow:0 10px 15px rgba(0,0,0,.1)}.feature-icon{width:4rem;height:4rem;background:rgba(var(--current-theme-rgb),.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:2rem;height:2rem;color:var(--current-theme)}.feature-title{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.feature-description{color:var(--secondary-color);line-height:1.6}.tabs-wrapper{padding:5rem 2rem;background:var(--light-color)}.tab-panel{display:flex;flex-direction:column;gap:.5rem}.tabs-wrapper .container{max-width:1200px;margin:0 auto}.benefit-item{padding:5px 0;display:flex;gap:.5rem;align-items:center}.tabs-container{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{padding:.75rem 1.5rem;border-radius:2rem;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:var(--white);color:var(--text-color)}.tab-button.active{background:var(--current-theme);color:var(--white)}.tab-button:hover:not(.active){background:var(--light-color)}.tab-content{background:var(--white);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tab-content-inner{display:flex;gap:2rem;align-items:flex-start}.tab-text{flex:1 1}.tab-text h3{font-size:2rem;color:var(--text-color);margin-bottom:1rem}.tab-text p{color:var(--secondary-color);margin-bottom:1.5rem}.check-list{list-style:none;padding:0}.check-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.check-icon{width:1.25rem;height:1.25rem;color:var(--current-theme)}.cta-section{padding:5rem 0;background:var(--current-theme);color:var(--white);text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width:768px){.container,.product-logo{padding:0 1rem}.features,.tabs-wrapper{padding:3rem 1rem}.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center}.tab-content-inner{flex-direction:column}.hero-background svg{width:100%;height:300px}.hero-image{max-width:400px;margin:2rem auto 0}.access-image{max-width:100%}.access-details,.overlay-text{padding:1.5rem}}@media (min-width:768px){.product-nav .nav-menu{display:flex;gap:2rem}.product-nav .logo{font-size:1.5rem}}