.hero{background:#fffdf5;align-items:center;min-height:88vh;padding:80px 5vw;display:flex;position:relative;overflow:hidden}.hero-content{width:100%;max-width:1200px;margin:auto}.hero-left{max-width:700px}.hero-badge{color:#b8860b;background:#b8860b1a;border:1px solid #b8860b33;border-radius:30px;margin-bottom:25px;padding:8px 18px;font-size:12px;display:inline-block}.hero h1{color:#1a1209;font-family:Playfair Display,serif;font-size:72px;line-height:1.05}.hero-sub{color:#5a4a2a;max-width:700px;margin-top:25px;font-size:20px}.hero-btns{gap:20px;margin-top:35px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#b8860b;border:none;border-radius:8px;padding:15px 30px}.btn-outline{color:#b8860b;cursor:pointer;background:#fff;border:1px solid #b8860b;border-radius:8px;padding:15px 30px}.hero-stats{gap:40px;margin-top:50px;display:flex}.hero-stat strong{color:#b8860b;font-size:32px;display:block}.hero-stat span{color:#888;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}.topBar{color:#fff;white-space:nowrap;background:#c69214;align-items:center;height:42px;display:flex;overflow:hidden}.ticker{padding-left:100%;font-size:15px;font-weight:600;animation:25s linear infinite tickerMove;display:inline-block}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-100%)}}.navbar{z-index:9999;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:80px;padding:0 5%;display:flex;position:sticky;top:0}.logoSection{align-items:center;gap:12px;display:flex}.logoImg{object-fit:contain;width:58px;height:58px}.logoSection h2{color:#1a1209;font-size:28px;font-weight:700;line-height:1}.logoSection p{color:#8f7c5d;margin-top:4px;font-size:13px}.navLinks{align-items:center;gap:30px;list-style:none;display:flex}.navLinks a{color:#1a1209;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.navLinks a:hover{color:#c69214}.navbarDemoBtn{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:8px;width:150px;height:42px;font-size:14px;font-weight:600;transition:all .3s}.navbarDemoBtn:hover{background:#a97d0e}@media (width<=992px){.navLinks{gap:18px}.demoBtn{width:150px;height:42px}}@media (width<=768px){.topBar{display:none}.navbar{flex-direction:column;gap:15px;height:auto;padding:15px}.logoSection{text-align:center;flex-direction:column}.navLinks{flex-wrap:wrap;justify-content:center;gap:15px}.demoBtn{width:150px;height:40px;font-size:13px}.logoSection h2{font-size:24px}}.hero{background:#f8f6ed;justify-content:space-between;align-items:center;gap:70px;padding:60px 5%;display:flex}.heroLeft{flex:1}.heroRight{flex:1;justify-content:center;align-items:center;display:flex}.heroImage{object-fit:contain;width:100%;max-width:650px;height:auto}.badge{color:#b8860b;border:1px solid #d4b16a;border-radius:30px;margin-bottom:25px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-block}.hero h1{color:#1a1209;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.1}.hero h1 span{color:#c69214}.hero p{color:#5b4c34;max-width:650px;font-size:16px;line-height:1.8}.heroButtons{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.goldBtn{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:10px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.goldBtn:hover{background:#a97d0e;transform:translateY(-3px);box-shadow:0 10px 25px #c6921459}.outlineBtn{color:#c69214;cursor:pointer;background:#fff;border:2px solid #c69214;border-radius:10px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.outlineBtn:hover{color:#fff;background:#c69214;transform:translateY(-3px);box-shadow:0 10px 25px #c6921440}.dashboard{background:#fff;border:1px solid #ead7a2;border-radius:24px;width:540px;padding:24px;box-shadow:0 10px 30px #0000000d}.dashboard h3{color:#1a1209;margin-bottom:20px;font-size:22px}.cardGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.card{background:#f8f1df;border-radius:12px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.card p{color:#7a6a4f;margin-bottom:8px;font-size:14px}.card h2{color:#1a1209;font-size:28px}@media (width<=1024px){.hero{text-align:center;flex-direction:column;gap:40px}.heroButtons{justify-content:center}.hero p{margin:auto}.dashboard{width:100%;max-width:650px}}@media (width<=768px){.hero{padding:50px 20px}.hero h1{font-size:38px}.hero p{font-size:15px}.heroButtons{flex-direction:column;align-items:center}.goldBtn,.outlineBtn{width:100%;max-width:280px}.dashboard{padding:18px}.cardGrid{grid-template-columns:1fr}.card h2{font-size:24px}}.featuresSection{background:#f8f3e7;padding:80px 5%}.featureTag{color:#c69214;letter-spacing:2px;font-size:14px;font-weight:700}.featuresSection h2{color:#1a1209;max-width:850px;margin-top:20px;font-size:52px;line-height:1.15}.featureText{color:#5b4c34;max-width:700px;margin-top:20px;font-size:18px}.featureGrid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px;display:grid}.featureCard{background:#fff;border-radius:20px;padding:30px}.featureCard h3{margin:15px 0;font-size:20px}.featureCard p{font-size:15px;line-height:1.7}.featureIcon{background:#f3eddc;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:20px;font-size:24px;display:flex}.smallTag{color:#a67808;background:#f3eddc;border-radius:30px;margin-top:20px;padding:8px 14px;font-size:13px;display:inline-block}@media (width<=768px){.featureGrid{grid-template-columns:1fr}.featuresSection h2{font-size:38px}}.howSection{background:#fff;padding:80px 5%}.sectionTag{color:#c69214;letter-spacing:2px;font-size:14px;font-weight:700}.howSection h2{color:#1a1209;margin-top:20px;font-size:52px}.sectionDesc{color:#5b4c34;margin-top:20px;font-size:18px}.timeline{text-align:center;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:80px;display:grid;position:relative}.line{background:#e2d3a6;height:2px;position:absolute;top:35px;left:10%;right:10%}.step{z-index:2;position:relative}.circle{color:#c69214;background:#fff;border:2px solid #c69214;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto auto 20px;font-size:28px;font-weight:700;display:flex}.step h3{margin-bottom:10px;font-size:20px}.step p{font-size:15px;line-height:1.7}@media (width<=768px){.timeline{grid-template-columns:1fr}.line{display:none}.howSection h2{font-size:38px}}.clientsSection{background:#fff;padding:80px 5%}.clientTag{color:#c69214;letter-spacing:2px;font-size:14px;font-weight:700}.clientsSection h2{color:#1a1209;margin-top:15px;margin-bottom:50px;font-size:52px}.clientGrid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.clientCard{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000014}.clientCard:hover{transform:translateY(-5px)}.clientImage{object-fit:contain;background:#f5f5f5;width:100%;height:220px;padding:15px}.clientInfo{padding:20px}.clientInfo h3{color:#333;font-size:22px;font-weight:600}@media (width<=1200px){.clientGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.clientGrid{grid-template-columns:repeat(2,1fr)}.clientsSection h2{font-size:34px}}@media (width<=480px){.clientGrid{grid-template-columns:1fr}}.testimonialSection{background:#f8f3e7;padding:80px 5%}.testimonialGrid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.testimonialCard{background:#fff;border:1px solid #ece3c6;border-radius:16px;padding:28px}.stars{color:#c69214;letter-spacing:3px;margin-bottom:20px;font-size:18px}.reviewText{color:#5b4c34;margin-bottom:25px;font-size:16px;font-style:italic;line-height:1.8}.userInfo{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:#c69214;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.userInfo h4{color:#1a1209;margin-bottom:4px;font-size:16px}.userInfo span{color:#9c8a6a;font-size:14px}@media (width<=992px){.testimonialGrid{grid-template-columns:1fr}}.demoSection{background:#1a0d02;padding:100px 5%}.demoContainer{text-align:center;max-width:1000px;margin:auto}.demoContainer h2{color:#fff;margin-bottom:20px;font-size:60px;font-weight:700}.demoContainer p{color:#d0c5b4;max-width:800px;margin:auto;font-size:22px;line-height:1.8}.demoBtn{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:12px;width:260px;height:58px;margin-top:40px;font-size:17px;font-weight:600;transition:all .3s}.demoBtn:hover{background:#a97d0e;transform:translateY(-2px)}.contactLine{color:#d0c5b4;margin-top:30px;font-size:20px}.contactLine span{color:#fff;font-weight:600}@media (width<=992px){.demoContainer h2{font-size:46px}.demoContainer p{font-size:18px}}@media (width<=768px){.demoSection{padding:70px 20px}.demoContainer h2{font-size:34px}.demoContainer p{font-size:16px}.demoBtn{width:100%;max-width:350px}.contactLine{font-size:16px;line-height:1.8}}.contactSection{background:#faf8f2;padding:70px 5%}.contactTag{color:#c69214;letter-spacing:2px;font-size:14px;font-weight:700}.contactSection h2{color:#1a1209;margin:10px 0 30px;font-size:54px;line-height:1.1}.contactGrid{grid-template-columns:1.2fr .8fr;align-items:start;gap:50px;display:grid}.contactInfo h3{color:#1a1209;margin-bottom:22px;font-size:30px}.infoCard{gap:16px;margin-bottom:20px;display:flex}.icon{background:#f2ead6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.infoCard h4{color:#1a1209;margin-bottom:5px;font-size:20px}.infoCard p{color:#666;font-size:16px;line-height:1.6}.contactBox{text-align:center;background:#fff;border:1px solid #ececec;border-radius:16px;padding:35px}.contactBox p{color:#444;font-size:18px;line-height:1.8}.contactBtn{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:8px;width:240px;height:50px;margin-top:25px;font-size:16px;font-weight:600;transition:all .3s}.contactBtn:hover{background:#a97d0e}.contactPhone{color:#666;margin-top:15px;font-size:15px}@media (width<=992px){.contactGrid{grid-template-columns:1fr;gap:35px}.contactSection h2{font-size:44px}}@media (width<=768px){.contactSection{padding:50px 20px}.contactSection h2{font-size:34px}.contactInfo h3{font-size:24px}.contactBox{padding:25px}.contactBtn{width:100%;max-width:240px}}.footer{color:#fff;background:#1a0d02;padding:25px 5%}.footerBottom{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.footerBottom p{color:#d0c5b4;font-size:15px}.footerLinks{gap:25px;display:flex}.footerLinks span{color:#c69214;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s}.footerLinks span:hover{color:#ffd36b;text-decoration:underline}.modalOverlay{z-index:99999;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modalBox{color:#222;background:#fff;border-radius:12px;width:100%;max-width:750px;max-height:85vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #00000040}.modalBox h2{color:#fff;text-align:center;background:#1976d2;border-radius:8px;margin-bottom:25px;padding:12px;font-size:32px}.modalBox h3{color:#222;margin-top:25px;margin-bottom:10px;font-size:24px}.modalBox p{color:#555;margin-bottom:15px;line-height:1.8}.modalBox ul{padding-left:25px}.modalBox li{color:#555;margin-bottom:10px;line-height:1.8}.closeBtn{color:#fff;cursor:pointer;background:#ff5b5b;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:700;position:absolute;top:12px;right:12px}.closeBtn:hover{background:#e53935}.modalBox::-webkit-scrollbar{width:8px}.modalBox::-webkit-scrollbar-thumb{background:#c69214;border-radius:10px}.footerReview{max-width:700px;margin:0 auto 35px}.footerReview h3{text-align:center;color:#c69214;margin-bottom:18px;font-size:24px;font-weight:700}.reviewForm{flex-direction:column;gap:15px;display:flex}.reviewForm input,.reviewForm textarea{background:#fff;border:1px solid #d8c08c;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px}.reviewForm input:focus,.reviewForm textarea:focus{border-color:#c69214}.reviewForm textarea{resize:vertical;min-height:120px}.reviewForm button{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:10px;width:fit-content;min-width:160px;height:46px;margin:0 auto;padding:0 24px;font-size:15px;font-weight:600;transition:all .3s}.reviewForm button:hover{background:#b8860b;transform:translateY(-2px)}.successMessage{color:#0f8a43;text-align:center;background:#e8f8ee;border:1px solid #b8e6c9;border-radius:8px;margin-bottom:15px;padding:12px;font-weight:600}.errorMessage{color:#d32f2f;text-align:center;background:#fdecec;border:1px solid #f5b5b5;border-radius:8px;margin-bottom:15px;padding:12px;font-weight:600}@media (width<=768px){.footerBottom{text-align:center;flex-direction:column;gap:15px}.footerLinks{flex-wrap:wrap;justify-content:center}.modalBox{padding:20px}.modalBox h2{font-size:24px}.modalBox h3{font-size:20px}.modalBox p,.modalBox li{font-size:14px}}.modalOverlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalBox{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:85vh;padding:32px;position:relative;overflow:hidden auto}.modalBox h2{color:#fff;text-align:center;background:linear-gradient(135deg,#b8860b,#d4a017,#e0b84d);border-radius:12px;margin-bottom:20px;padding:18px;font-size:34px;font-weight:700;box-shadow:0 4px 15px #c6921459}.modalBox p{color:#555;margin-bottom:22px;font-size:15px;line-height:1.8}.popupForm{flex-direction:column;gap:14px;display:flex}.popupForm label{color:#8a6b34;letter-spacing:1px;font-size:14px;font-weight:700}.popupForm input,.popupForm select{background:#fff;border:1px solid #e8d9b3;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.popupForm input:focus,.popupForm select:focus{border-color:#c69214;box-shadow:0 0 0 3px #c6921426}.submitBtn{color:#fff;cursor:pointer;background:#c69214;border:none;border-radius:12px;width:100%;height:56px;margin-top:8px;font-size:18px;font-weight:700;transition:all .3s}.submitBtn:hover{background:#b8860b}.submitBtn:disabled{opacity:.7;cursor:not-allowed}.closeBtn{color:#d8b65c;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:24px;font-weight:600;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.closeBtn:hover{color:#c69214;background:0 0;transform:scale(1.1)}.closeBtn:focus,.closeBtn:active{color:#c69214;box-shadow:none;background:0 0;border:none;outline:none}.successMessage{color:#0f8a43;background:#e8f8ee;border:1px solid #b8e6c9;border-radius:8px;margin-bottom:15px;padding:12px;font-size:14px;font-weight:600}.errorMessage{color:#d32f2f;background:#fdecec;border:1px solid #f5b5b5;border-radius:8px;margin-bottom:15px;padding:12px;font-size:14px;font-weight:600}@media (width<=600px){.modalBox{width:92%;padding:24px}.modalBox h2{font-size:28px}}
