@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --ink:#183f59; --muted:#66716d; --paper:#f6f8f7; --cream:#e7f0ed;
  --accent:#67b83a; --line:#d4dfda; --white:#fff;
  --logo-blue:#2384b8; --logo-green:#67b83a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}
.container{width:min(1120px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(246,248,247,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink)}
.brand-logo{display:block;width:192px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
nav{display:flex;gap:30px} nav a{color:var(--ink);text-decoration:none;font-size:13px} nav a:hover{color:var(--accent)}
.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{min-height:720px;display:flex;align-items:center;position:relative;background:
linear-gradient(90deg,rgba(15,55,76,.94),rgba(15,55,76,.68),rgba(15,55,76,.18)),
url("https://images.unsplash.com/photo-1505664194779-8beaceb93744?auto=format&fit=crop&w=2000&q=85") center/cover}
.hero-content{position:relative;color:#fff;max-width:780px;padding:90px 0}
.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:600;color:var(--accent);margin:0 0 18px}
.hero .eyebrow{color:#9ee06f}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.05;margin-top:0}
h1{font-size:clamp(54px,7vw,88px);font-weight:600;margin-bottom:25px}
h1 em{font-weight:500;color:#eadfc9}
.hero-copy{font-size:18px;max-width:620px;color:#eee8dc}
.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.button{padding:14px 22px;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.primary{background:#67b83a;color:#123447}.secondary{border:1px solid rgba(255,255,255,.55);color:white}
.intro,.process{padding:110px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}
h2{font-size:clamp(42px,5vw,64px);font-weight:600}
.intro p,.process p{color:var(--muted);font-size:16px}
.practice{padding:105px 0;background:var(--ink);color:white}
.section-heading{max-width:650px;margin-bottom:50px}.section-heading h2{margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#42504b}
.cards article{background:var(--ink);padding:34px 26px;min-height:280px}
.cards span{color:#7fd34e;font-size:12px;letter-spacing:.1em}
.cards h3{font-size:30px;margin:45px 0 15px}.cards p{color:#bfc7c3;font-size:14px}
.steps{border-top:1px solid var(--line)}
.steps>div{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.steps b{color:var(--accent);font-family:"Cormorant Garamond";font-size:23px}.steps h3{margin:0;font-size:27px}.steps p{margin:4px 0 0}
.cta{padding:105px 0;background:var(--cream);text-align:center}.cta h2{max-width:750px;margin:0 auto 20px}.cta>div>p:not(.eyebrow){color:var(--muted)}
.contact-details{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:35px}.contact-details a{color:var(--ink);font-weight:600;text-decoration:none}.contact-details span{color:var(--muted)}
footer{background:#101916;color:#b9c0bc;padding:25px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between}
@media(max-width:800px){
  nav{display:none}.menu-toggle{display:block}.split{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}
  .hero{min-height:650px}.footer-inner{flex-direction:column;gap:8px}
}
@media(max-width:520px){.container{width:min(100% - 32px,1120px)}.cards{grid-template-columns:1fr}.hero-content{padding:60px 0}.intro,.process,.practice,.cta{padding:75px 0}}

.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:28px;background:#25D366;color:#fff;text-decoration:none;font-size:12px;font-weight:600;box-shadow:0 7px 24px rgba(0,0,0,.18)}
.whatsapp-float span:first-child{font-size:20px;line-height:1}
.footer-inner a{color:#b9c0bc;text-decoration:none}.footer-inner a:hover{color:#fff}
@media(max-width:520px){.whatsapp-float{right:16px;bottom:16px;padding:13px;border-radius:50%}.whatsapp-label{display:none}}