@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
body{background:#F8F8F6;font-family:'Inter',sans-serif;color:#3A3A3A;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
.header{position:fixed;top:0;left:0;width:100%;background:#F8F8F6;border-bottom:1px solid #C9A96E;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000}
.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#3A3A3A}
.header-logo img{width:32px;height:auto}
.header-logo span{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em}
.header-nav{display:flex;gap:30px;align-items:center}
.header-nav a{text-decoration:none;color:#5A5A5A;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;position:relative}
.header-nav a:hover,.header-nav a.active{color:#C9A96E}
.header-nav a.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#C9A96E}
.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}
.menu-toggle span{width:25px;height:2px;background:#3A3A3A;transition:.3s}
.hero{padding:180px 5% 100px;text-align:center;max-width:1200px;margin:0 auto;min-height:80vh;display:flex;flex-direction:column;justify-content:center}
.hero-logo{width:72px;height:auto;margin:0 auto 32px;display:block;mix-blend-mode:darken}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,8vw,4.5rem);color:#3A3A3A;letter-spacing:-.02em;margin-bottom:10px}
.hero-subtitle{font-family:'Inter',sans-serif;font-size:clamp(.8rem,2vw,1.1rem);color:#C9A96E;letter-spacing:.4em;text-transform:uppercase;margin-bottom:40px}
.hero-divider{width:60px;height:1px;background:#C9A96E;margin:0 auto}
.section{padding:100px 5%;max-width:1200px;margin:0 auto}
.section-header{text-align:center;margin-bottom:60px}
.section-header h2{font-family:'Playfair Display',serif;font-size:2.5rem;color:#3A3A3A;margin-bottom:15px}
.divider{width:40px;height:1px;background:#C9A96E;margin:20px auto}
.section-header p{color:#5A5A5A;font-size:1.1rem;max-width:700px;margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.service-card{background:#fff;padding:40px;border-radius:4px;border-top:3px solid #C9A96E;box-shadow:0 10px 30px rgba(0,0,0,.03);transition:transform .4s ease}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(201,169,110,.1)}
.card-icon{width:40px;height:1px;background:#C9A96E;margin-bottom:25px}
.service-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:#3A3A3A;margin-bottom:15px}
.service-card p{color:#5A5A5A;font-size:.9rem;line-height:1.7}
.about-content{max-width:800px;margin:0 auto}
.about-content h2{font-family:'Playfair Display',serif;font-size:2rem;color:#3A3A3A;margin:40px 0 20px}
.about-content p{color:#5A5A5A;margin-bottom:20px;text-align:justify}
.values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px}
.value-item{padding:0 0 0 25px;border-left:3px solid #C9A96E}
.value-item h4{font-family:'Playfair Display',serif;font-size:1.2rem;color:#3A3A3A;margin-bottom:10px}
.value-item p{color:#5A5A5A;font-size:.9rem}
.page-header{text-align:center;padding:160px 5% 60px}
.page-header h1{font-family:'Playfair Display',serif;font-size:3rem;color:#3A3A3A}
.page-header .divider{margin:25px auto}
.page-header p{color:#5A5A5A;font-size:1.1rem;max-width:600px;margin:0 auto}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.blog-card{background:#fff;padding:30px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.02);transition:all .3s ease}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.05)}
.blog-card .date{color:#C9A96E;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;display:block}
.blog-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:#3A3A3A;margin-bottom:15px;line-height:1.3}
.blog-card p{color:#5A5A5A;font-size:.9rem;margin-bottom:20px}
.blog-card .read-more{color:#C9A96E;text-decoration:none;font-weight:600;font-size:.85rem;transition:.3s}
.blog-card .read-more:hover{letter-spacing:.05em}
.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}
.contact-info h3{font-family:'Playfair Display',serif;font-size:1.8rem;color:#3A3A3A;margin-bottom:30px}
.contact-item{margin-bottom:25px}
.contact-item .label{color:#C9A96E;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:5px;display:block}
.contact-item .value{color:#3A3A3A;font-size:1rem}
.contact-form{background:#fff;padding:40px;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.03)}
.contact-form input,.contact-form textarea{width:100%;padding:15px;border:1px solid #E1E1E1;border-radius:2px;background:#fff;font-family:'Inter',sans-serif;margin-bottom:20px;transition:border-color .3s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#C9A96E;outline:none}
.contact-form textarea{height:150px;resize:vertical}
.btn-submit{background:#C9A96E;color:#fff;border:none;padding:18px 35px;border-radius:2px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;transition:background .3s;width:100%}
.btn-submit:hover{background:#B3925A}
.footer{background:#3A3A3A;color:#fff;padding:80px 5% 40px;margin-top:60px}
.footer-content{max-width:1200px;margin:0 auto;text-align:center}
.footer-info{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.footer-info span{color:#F8F8F6;font-size:.85rem;font-weight:300}
.footer-copy{color:#8A8A8A;font-size:.75rem;border-top:1px solid rgba(255,255,255,.05);padding-top:30px}
@media(max-width:1024px){.hero-title{font-size:3.5rem}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.menu-toggle{display:flex}.header-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#F8F8F6;flex-direction:column;padding:30px;border-bottom:1px solid #C9A96E}.header-nav.active{display:flex}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:.9rem;letter-spacing:.2em}.services-grid,.values-list,.blog-grid,.contact-wrapper{grid-template-columns:1fr}.footer-info{flex-direction:column;gap:15px}}
@media(max-width:480px){.hero-title{font-size:2.2rem}.section-header h2{font-size:1.8rem}.page-header h1{font-size:2.2rem}}
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:9999;width:50px;height:50px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.4);text-decoration:none;transition:0.3s}
.whatsapp-float:hover{background:#1ebe5a;transform:scale(1.1)}
.whatsapp-float svg{width:24px;height:24px;display:block}
.cta-box{background:linear-gradient(135deg,#0f2440,#1a3a5c);padding:64px 24px;text-align:center;margin:60px 0 0}
.cta-box h2{color:#fff;font-family:'Playfair Display',serif;font-size:2rem;margin:0 0 16px;line-height:1.3}
.cta-box p{color:rgba(255,255,255,0.8);font-size:1.1rem;margin:0 auto 32px;max-width:600px;line-height:1.6}
.cta-btn{display:inline-block;background:#25D366;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:16px 36px;border-radius:4px;text-decoration:none;transition:0.3s;box-shadow:0 4px 20px rgba(37,211,102,0.4)}
.cta-btn:hover{background:#1ebe5a;transform:translateY(-2px)}
@media(max-width:600px){.whatsapp-float{width:44px;height:44px;bottom:16px;right:16px}.whatsapp-float svg{width:20px;height:20px}.cta-box h2{font-size:1.5rem}.cta-btn{font-size:0.9rem;padding:14px 28px;width:100%}}