:root{--primary: #1E3A8A;--secondary: #3B82F6;--accent: #A16207;--bg: #F8FAFC;--text: #1E40AF;--heading-font: "Playfair Display SC", serif;--body-font: "Karla", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--body-font);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--heading-font);font-weight:700}a{color:inherit;text-decoration:none;transition:.3s}header{background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem}.logo{font-family:var(--heading-font);font-size:1.5rem;font-weight:700;color:var(--primary)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a:hover{color:var(--secondary)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.hero{position:relative;height:90vh;display:flex;align-items:center;color:#fff;padding:2rem;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.hero-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0f172a8c,#0f172acc)}.hero-content{max-width:700px;margin-left:5%}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.1}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;padding:1rem 2rem;border-radius:4px;font-weight:700;margin-right:1rem;transition:transform .2s}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--primary);color:#fff}.btn-secondary{background-color:#25d366;color:#fff}section{padding:5rem 2rem;max-width:1200px;margin:0 auto}section h2{font-size:2.5rem;margin-bottom:2rem;position:relative;display:inline-block}section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:var(--accent)}#about{display:grid;gap:2rem;background-image:radial-gradient(var(--bg) 1px,transparent 1px);background-size:20px 20px}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:#fff;padding:0;border-radius:8px;box-shadow:0 10px 30px #0000000d;overflow:hidden;transition:transform .3s}.card:hover{transform:translateY(-10px)}.card img{width:100%;height:250px;object-fit:cover}.card h3,.card p{padding:1.5rem}.card h3{padding-bottom:.5rem}.testimonial-carousel{display:flex;overflow-x:auto;gap:2rem;padding:2rem 0;scroll-snap-type:x mandatory}.testimonial-item{min-width:300px;background:#fff;padding:2rem;border-left:5px solid var(--accent);scroll-snap-align:start;box-shadow:0 4px 6px #0000000d}#contact{background-color:var(--primary);color:#fff;max-width:100%;text-align:center}#contact h2:after{left:50%;transform:translate(-50%);background-color:#fff}#contact a{color:var(--secondary);text-decoration:underline}footer{text-align:center;padding:3rem;background-color:#f1f5f9}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:2rem;box-shadow:0 10px 10px #0000001a}.nav-links.active{display:flex}.hero-content h1{font-size:2.2rem}}
