:root{
  --primary:#8b5e3c;
  --primary-dark:#5a3d28;
  --accent:#d8b08c;
  --bg:#f8f5f1;
  --text:#1f1f1f;
  --muted:#666;
  --white:#fff;
  --shadow:0 14px 40px rgba(0,0,0,.08);
  --radius:20px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}
.topbar{
  background:#2c2019;color:#f4e9e1;font-size:.92rem;
}
.topbar .container{
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.65rem 0;
}
.header{
  position:sticky;top:0;z-index:30;
  background:rgba(248,245,241,.93);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 0;
}
.brand{display:flex;align-items:center;gap:.85rem;font-weight:700}
.brand-logo{
  width:48px;height:48px;border-radius:14px;
  background:linear-gradient(135deg,var(--primary),#c79064);
  display:grid;place-items:center;color:#fff;font-size:1.1rem;
  box-shadow:var(--shadow);
}
.brand small{display:block;color:var(--muted);font-weight:500}
.nav-links{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
.nav-links a{
  padding:.6rem .8rem;border-radius:999px;color:#45362c;font-weight:600
}
.nav-links a.active,.nav-links a:hover{
  background:#efe6de;color:var(--primary-dark)
}
.btn,.btn-outline{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.95rem 1.25rem;border-radius:999px;font-weight:700;transition:.25s ease;
}
.btn{background:var(--primary);color:#fff;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-2px);background:var(--primary-dark)}
.btn-outline{border:1px solid rgba(91,61,40,.18);background:#fff}
.btn-outline:hover{background:#f2ece7}
.hero{
  padding:4.8rem 0 3rem;
  background:
    radial-gradient(circle at top left, rgba(216,176,140,.35), transparent 35%),
    linear-gradient(180deg, #fbf8f5 0%, #f8f5f1 100%);
}
.hero-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;
}
.eyebrow{
  display:inline-block;padding:.5rem .85rem;border-radius:999px;
  background:#efe6de;color:var(--primary-dark);font-size:.88rem;font-weight:700;
}
h1,h2,h3{line-height:1.15;margin:0 0 1rem}
h1{font-size:clamp(2.3rem,5vw,4.4rem)}
h2{font-size:clamp(1.8rem,3vw,2.8rem)}
h3{font-size:1.25rem}
.lead{font-size:1.08rem;color:#4f4f4f;max-width:60ch}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.hero-card{
  background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.05)
}
.hero-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/4}
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem
}
.stat{
  background:#fff;padding:1.2rem;border-radius:18px;box-shadow:var(--shadow);
  text-align:center
}
.stat strong{display:block;font-size:1.65rem;color:var(--primary-dark)}
.section{padding:4.2rem 0}
.section-alt{background:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.card{
  background:#fff;border-radius:20px;padding:1.45rem;box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.04)
}
.card p{color:#555}
.card-icon{
  width:54px;height:54px;border-radius:16px;background:#f1e6dd;
  display:grid;place-items:center;font-size:1.45rem;margin-bottom:1rem
}
.feature-list{display:grid;gap:.8rem;margin-top:1rem}
.feature{
  display:flex;gap:.8rem;align-items:flex-start
}
.tick{
  width:28px;height:28px;border-radius:50%;flex:0 0 28px;
  display:grid;place-items:center;background:#efe6de;color:var(--primary-dark);font-weight:700
}
.banner{
  padding:2rem;border-radius:26px;background:linear-gradient(135deg,#2f221a,#6d4c32);
  color:#fff;box-shadow:var(--shadow)
}
.banner p{color:#f0e7df}
.page-hero{
  padding:3.5rem 0 2.2rem;background:
  linear-gradient(180deg,#fbf8f5 0%,#f2ebe4 100%);
}
.page-hero p{max-width:60ch;color:#51453d}
.process{counter-reset:steps;display:grid;gap:1rem}
.step{
  background:#fff;padding:1.2rem 1.2rem 1.2rem 4rem;border-radius:18px;position:relative;
  box-shadow:var(--shadow)
}
.step::before{
  counter-increment:steps;content:counter(steps);
  position:absolute;left:1rem;top:1rem;width:40px;height:40px;border-radius:50%;
  background:#efe6de;color:var(--primary-dark);display:grid;place-items:center;font-weight:800
}
.contact-wrap{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem
}
.contact-box{
  background:#fff;padding:1.6rem;border-radius:20px;box-shadow:var(--shadow)
}
form{display:grid;gap:1rem}
input,textarea,select{
  width:100%;padding:1rem 1rem;border-radius:14px;border:1px solid #ddd;
  font:inherit;background:#fff
}
textarea{min-height:150px;resize:vertical}
.footer{
  background:#231913;color:#e9ddd5;margin-top:4rem
}
.footer .container{
  display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:2rem;padding:3rem 0
}
.footer h3{margin-bottom:.7rem}
.footer a{color:#f3e8df}
.footer small{display:block;border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;color:#d6c3b7}
.badge-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}
.badge{
  background:#fff3;border:1px solid rgba(255,255,255,.1);
  padding:.55rem .9rem;border-radius:999px
}
.cta-strip{
  margin-top:2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap
}
.notice{font-size:.95rem;color:#6a5b50}
@media (max-width:980px){
  .hero-grid,.grid-2,.contact-wrap,.footer .container{grid-template-columns:1fr}
  .stats,.grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .nav{flex-direction:column;align-items:flex-start;gap:1rem}
  .nav-links{gap:.6rem}
  .stats,.grid-3{grid-template-columns:1fr}
  .hero{padding-top:3rem}
}