body{background:#f5f1e8;flex-direction:column;min-height:100vh;margin:0;font-family:Segoe UI,sans-serif;display:flex}#root{flex-direction:column;flex:1;display:flex}a{color:inherit;text-decoration:none}.main{flex:1;width:100%;max-width:1100px;margin:auto;padding:40px 20px}.navbar{color:#fff;z-index:1000;background:#8b6f3d;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:10px;display:flex}.logo{border-radius:8px;width:34px;height:34px}.brand{font-size:20px;font-weight:700}.nav-links{gap:25px;display:flex}.nav-links a{font-weight:500;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#d6b97a;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.footer{text-align:center;color:#fff;background:#8b6f3d;padding:20px}.btn{cursor:pointer;background:#d6b97a;border:none;border-radius:10px;margin-top:15px;padding:12px 22px;font-weight:700;transition:all .3s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;display:grid}.card{text-align:center;background:#fff;border-radius:14px;padding:20px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.card:hover{transform:translateY(-5px)}h1{color:#8b6f3d;text-align:center;margin-bottom:10px}h2{color:#8b6f3d;margin-bottom:10px}.hero{text-align:center;padding:50px 20px}.hero h1{font-size:42px}.hero p{max-width:600px;margin:auto;line-height:1.6}.features,.how,.screens,.testimonials,.about-home,.cta{margin-top:40px}.steps{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.step{background:#fff;border-radius:10px;padding:15px 25px}.screens-row{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.screen{background:#fff;border-radius:12px;width:200px;padding:30px}.cta{text-align:center;background:#fff3d6;border-radius:16px;padding:30px}.privacy-wrapper{justify-content:center;display:flex}.privacy-card{background:#fff;border-radius:16px;width:100%;max-width:900px;padding:30px;box-shadow:0 6px 20px #0000000d}.date{text-align:center;color:#888;margin-bottom:20px}@media (width<=768px){.navbar{flex-direction:column;gap:10px}.nav-links{gap:15px}.main{padding:20px 15px}.hero h1{font-size:26px}.hero p{font-size:14px}.cards{grid-template-columns:1fr}.steps,.screens-row{flex-direction:column}.privacy-card{padding:20px}h1{font-size:22px}h2{font-size:18px}}