:root{
  --bg: #ffffff;
  --text: #0d1324;
  --muted: #4b5563;
  --card: #ffffff;
  --border: #e5e7eb;
  --brandA: #d15a32; /* burnt orange */
  --brandB: #00685f; /* teal */
  --accent: #00685f;
  --success: #16a34a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  line-height:1.6;
  background:
    radial-gradient(800px 360px at 10% -10%, rgba(0,104,95,0.06), transparent 60%),
    radial-gradient(700px 320px at 100% 0%, rgba(209,90,50,0.06), transparent 55%),
    #fff;
}
.container{width:min(1100px, 92vw); margin:0 auto}

/* Header */
.site-header{position:sticky; top:0; background:#ffffffcc; backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--border); z-index:50}
.nav-wrap{display:flex; align-items:center; gap:16px; padding:14px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text)}
.brand-text{font-weight:800; letter-spacing:0.2px}
.main-nav{margin-left:auto; display:flex; gap:18px; align-items:center}
.main-nav a{color:var(--text); text-decoration:none; padding:10px 8px; border-radius:8px}
.main-nav a:hover{background:#f2f5f9}
.nav-toggle{display:none; margin-left:auto; width:44px; height:44px; border-radius:10px; border:1px solid var(--border); background:#fff; color:var(--text)}
.nav-toggle span{display:block; width:22px; height:2px; background:var(--text); margin:5px auto}
.theme-toggle{width:40px; height:40px; margin-left:8px; border-radius:10px; border:1px solid var(--border); background: linear-gradient(135deg, var(--brandA), var(--brandB));}
.logo-lockup{
      text-align:center;
      line-height:1.05;        /* compact line-height to mimic the screenshot */
      color:#111;
      user-select:none;
    }
.logo-title{
      font-family: "Playfair Display", Georgia, "Times New Roman", serif;
      font-weight: 800;                     /* heavy weight like the screenshot */
      font-size: clamp(30px, 9.5vw, 20px); /* scales but caps at large size */
      letter-spacing: 0.5px;
      color: #d15a32;
      margin: 0 0 8px 0;
      text-shadow: var(--shadow-soft);        /* soft glow/shadow under text */
    }

    .logo-subtitle{
      font-family: "Cormorant Garamond", Georgia, serif;
      font-weight: 600;                     /* slightly bold for presence */
      font-size: clamp(12px, 4.2vw, 12px);
      color: #00685f;
      margin: 0;
      letter-spacing: 0.3px;
      text-shadow: var(--shadow-soft);
    }

    /* Optional: a little spacing control on very small screens */
    @media (max-width: 380px){
      .logo-title{ letter-spacing: 0; }
      .logo-subtitle{ letter-spacing: 0; }
    }
/* Buttons */
.btn{display:inline-block; padding:12px 18px; border-radius:12px; border:1px solid var(--border); text-decoration:none; color:#fff; font-weight:600}
.btn-primary{background:#d15a32; border:0}
.btn-ghost{color:var(--accent); background:transparent; border-color:transparent}
.btn:hover{transform:translateY(-1px); box-shadow: 0 10px 20px rgba(0,0,0,0.08)}

/* Hero */
.hero{padding:64px 0 32px; background: radial-gradient(800px 300px at 80% -10%, rgba(0,104,95,0.06), transparent 70%)}
.hero-grid{display:grid; grid-template-columns: 1.1fr 0.9fr; gap:32px; align-items:center}
.hero h1{font-size: clamp(28px, 4vw, 48px); line-height:1.15; margin:0 0 10px; color:#0a0f1e}
.hero p{color:var(--muted)}
.badges{display:flex; gap:12px; padding:0; list-style:none; margin:18px 0 0}
.badges li{padding:8px 12px; border-radius:999px; border:1px solid var(--border); background:#f8fafc; color:#0a0f1e; font-size:14px}
.hero-art img{width:100%; height:auto; border-radius:18px; border:1px solid var(--border); background:#fff}

/* Sections */
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:24px 0}
.section-head h2{margin:0}
.trust{padding:24px 0}
.trust-row{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px}
.trust-card{padding:18px; border-radius:16px; background:#ffffff; border:1px solid var(--border)}
.trust-card img{width:36px; height:36px}

.cards{padding:24px 0}
.card-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px}
.card{padding:18px; border-radius:16px; background:#ffffff; border:1px solid var(--border); text-decoration:none; color:var(--text)}
.card:hover{background:#fbfdff; transform: translateY(-2px); border-color:#dbe3ee}
.card img{width:40px; height:40px}

.feature{padding:24px 0}
.feature-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center}
.feature-art img{width:100%; height:auto; border-radius:16px; border:1px solid var(--border); background:#fff}
.checklist{list-style: none; padding:0}
.checklist li{padding-left:28px; position:relative; margin:8px 0}
.checklist li:before{content:"✔"; position:absolute; left:0; color:var(--success)}

.testimonials{padding:24px 0}
.testimonial-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px}
.testimonial-card{padding:18px; border-radius:16px; background:#ffffff; border:1px solid var(--border)}
.center{text-align:center}

.cta{padding:24px 0}
.cta-card{padding:24px; border-radius:18px; background: linear-gradient(135deg, rgba(209,90,50,0.08), rgba(0,104,95,0.08)); border:1px solid var(--border); color:#0a0f1e}

.page-hero{padding:48px 0 16px; background: radial-gradient(600px 240px at 20% -20%, rgba(0,104,95,0.06), transparent 70%)}

.prose{padding:16px 0}
.prose .note{background:#fbfdff; border:1px solid var(--border); padding:12px; border-radius:12px}

.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.card{background:#ffffff}
.form label{display:block; margin:10px 0; color:#0a0f1e}
.form input, .form textarea{width:100%; padding:12px; border-radius:12px; border:1px solid var(--border); background:#fff; color:#0a0f1e}
.form .checkbox{display:flex; align-items:center; gap:8px}
.form-note{color:var(--muted)}

.map-embed img{width:100%; border-radius:12px; border:1px solid var(--border)}

/* Footer */
.site-footer{margin-top:32px; border-top:1px solid var(--border); background:#fff}
.footer-grid{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:16px; padding:24px 0}
.footer-grid h4{margin-top:0}
.footer-grid ul{list-style:none; padding:0; margin:0}
.footer-grid ul.cols{columns:2}
.legal{display:flex; justify-content:space-between; gap:16px; padding:12px 0; color:var(--muted)}
.disclaimer{font-size:12px}

/* Team cards */
.team .team-card img{width:100%; height:auto; border-radius:12px; border:1px solid var(--border); background:#fff}

/* Animations */
.animate-in{opacity:0; transform: translateY(10px); transition: all .6s ease}
.animate-in.visible{opacity:1; transform:none}
.delay-1{transition-delay: .15s}

/* Responsive */
@media (max-width: 900px){
  .hero-grid, .feature-grid, .grid-2{grid-template-columns:1fr}
  .card-grid{grid-template-columns:1fr 1fr}
  .testimonial-grid{grid-template-columns:1fr}
  .trust-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .main-nav{display:none; position:absolute; right:16px; top:64px; flex-direction:column; background:#fff; border:1px solid var(--border); padding:10px; border-radius:12px}
  .nav-toggle{display:block}
}