*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0f3460;--accent-color:#00a8e8;--accent-light:#cfe9f3;--text-color:#1a1a2e;--text-light:#666;--border-color:#d4e4f0;--background-light:#f0f6fb;--white:#ffffff}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white)}.navbar{background:var(--white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;letter-spacing:-0.5px;cursor:pointer}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-color);font-size:0.95rem;cursor:pointer;transition:color 0.3s ease;border-bottom:2px solid transparent;padding-bottom:2px}.nav-links a:hover,.nav-links a.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background-color:var(--primary-color);border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(10px,10px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,var(--white) 0%,var(--accent-light) 100%)}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--primary-color);font-weight:700;letter-spacing:-1px}.hero p{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto 2rem;line-height:1.8}.cta-button{display:inline-block;padding:0.9rem 2rem;background:var(--accent-color);color:var(--white);text-decoration:none;border-radius:4px;cursor:pointer;border:none;font-size:1rem;transition:background 0.3s ease,transform 0.2s ease;font-weight:600}.cta-button:hover{background:#d9956f;transform:translateY(-2px)}.content-section{padding:4rem 2rem}.section-title{font-size:2.5rem;margin-bottom:0.5rem;color:var(--primary-color);font-weight:700}.section-subtitle{font-size:1rem;color:var(--text-light);margin-bottom:3rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-card{background:var(--background-light);padding:2rem;border-radius:6px;border-left:4px solid var(--accent-color)}.about-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem}.about-card p{color:var(--text-light);line-height:1.8;margin-bottom:0.5rem}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.brand-card{background:var(--accent-light);padding:2rem;border-radius:6px;text-align:center;transition:transform 0.3s ease}.brand-card:hover{transform:translateY(-4px)}.brand-card h3{color:var(--primary-color);margin-bottom:0.5rem;font-size:1.4rem}.brand-card p{color:var(--text-light);font-size:0.9rem}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.app-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.app-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.app-header{background:var(--accent-light);padding:2rem;text-align:center;border-bottom:1px solid var(--border-color)}.app-header h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:0.5rem}.app-badge{display:inline-block;background:var(--accent-color);color:var(--white);padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:600;margin-top:0.5rem}.app-content{padding:2rem}.app-content p{color:var(--text-light);margin-bottom:1.5rem;font-size:0.95rem}.app-links{display:flex;gap:1rem}.app-btn{flex:1;padding:0.7rem 1rem;border:1px solid var(--accent-color);background:transparent;color:var(--accent-color);border-radius:4px;cursor:pointer;text-decoration:none;font-size:0.9rem;font-weight:600;transition:all 0.3s ease;text-align:center;display:inline-block}.app-btn:hover{background:var(--accent-color);color:var(--white)}.app-btn.primary{background:var(--accent-color);color:var(--white);border-color:var(--accent-color)}.app-btn.primary:hover{background:#d9956f;border-color:#d9956f}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-info{background:var(--background-light);padding:2rem;border-radius:6px}.contact-info h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.2rem}.contact-item{margin-bottom:1.5rem}.contact-item label{display:block;color:var(--text-light);font-size:0.85rem;font-weight:600;margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:0.5px}.contact-item p{color:var(--text-color);font-size:0.95rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:0.5rem;font-weight:600;color:var(--text-color)}.form-group input,.form-group textarea{padding:0.8rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:0.95rem;transition:border-color 0.3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:120px}.legal-content{background:var(--background-light);padding:2rem;border-radius:6px;margin-bottom:2rem}.legal-content h2{color:var(--primary-color);margin:2rem 0 1rem 0;font-size:1.3rem}.legal-content h3{color:var(--primary-color);margin:1.5rem 0 0.8rem 0;font-size:1.1rem}.legal-content p{margin-bottom:1rem;color:var(--text-light);line-height:1.8}.legal-content ul{margin-left:2rem;margin-bottom:1rem}.legal-content li{margin-bottom:0.5rem;color:var(--text-light)}.footer{background:var(--primary-color);color:var(--white);padding:3rem 2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:var(--accent-light);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;cursor:pointer}.footer-links a:hover{color:var(--accent-color)}.footer-info{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.8}.page{display:none}.page.active{display:block}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;border-bottom:1px solid var(--border-color);list-style:none;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.nav-links.active{max-height:400px}.nav-links li{border-bottom:1px solid var(--border-color)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:1rem 2rem;border-bottom:none;font-size:1rem}.nav-links a:hover,.nav-links a.active{background-color:var(--accent-light);color:var(--accent-color)}.nav-container{position:relative}.hero h1{font-size:2.5rem}.about-grid,.contact-wrapper{grid-template-columns:1fr}.section-title{font-size:2rem}.hero{padding:3rem 1rem}.content-section{padding:2rem 1rem}}.integration-note{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin:1rem 0;border-radius:4px;font-size:0.9rem;color:#856404}.integration-note code{background:rgba(0,0,0,0.1);padding:2px 4px;border-radius:3px}