:root{
  --navy:#0f2742;
  --gold:#b9975b;
  --charcoal:#1f2933;
  --muted:#6b7280;
  --cream:#f8f5ef;
  --line:#e6e2da;
  --white:#ffffff;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--charcoal);
  background:var(--white);
  line-height:1.6;
}

h1,h2,h3{
  font-family:"Playfair Display",Georgia,serif;
  color:var(--navy);
  line-height:1.15;
}

a{color:inherit}

.oakens-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:10;
}

.oakens-nav{
  max-width:1180px;
  margin:auto;
  padding:18px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.oakens-brand{
  font-family:"Playfair Display",Georgia,serif;
  font-size:26px;
  color:var(--navy);
  font-weight:700;
  text-decoration:none;
}

.oakens-links{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:14px;
}

.oakens-links a{
  text-decoration:none;
  color:var(--charcoal);
}

.oakens-phone{
  color:var(--gold);
  font-weight:700;
  text-decoration:none;
}

.hero{
  background:linear-gradient(135deg,var(--cream),#fff);
  padding:82px 24px;
  border-bottom:1px solid var(--line);
}

.hero-inner{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:42px;
  align-items:center;
}

.hero h1{
  font-size:54px;
  margin:0 0 20px;
}

.hero p{
  font-size:19px;
  color:var(--muted);
  max-width:660px;
}

.hero-panel{
  background:#fff;
  padding:34px;
  border-radius:22px;
  box-shadow:0 20px 60px rgba(15,39,66,.10);
  border:1px solid var(--line);
}

.btn-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.btn{
  display:inline-block;
  padding:13px 20px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  border:1px solid var(--gold);
}

.btn-primary{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
}

.btn-secondary{
  background:#fff;
  color:var(--navy);
}

.trust-strip{
  background:var(--navy);
  color:#fff;
  padding:18px 24px;
}

.trust-inner{
  max-width:1180px;
  margin:auto;
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  font-size:14px;
}

.section{
  max-width:1180px;
  margin:auto;
  padding:70px 24px;
}

.section-title{
  text-align:center;
  max-width:760px;
  margin:0 auto 42px;
}

.section-title h2{
  font-size:38px;
  margin:0 0 12px;
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}

.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px;
  box-shadow:0 14px 38px rgba(15,39,66,.06);
}

.card h3{
  margin-top:0;
  font-size:25px;
}

.card p{
  color:var(--muted);
}

.steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}

.step-number{
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--gold);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  margin-bottom:14px;
}

.cta{
  background:var(--cream);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
}

.footer{
  background:var(--navy);
  color:#fff;
  padding:38px 24px;
}

.footer-inner{
  max-width:1180px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
}

.footer a{
  color:#fff;
  text-decoration:none;
}

@media(max-width:800px){
  .hero-inner{grid-template-columns:1fr}
  .hero h1{font-size:40px}
  .oakens-nav{align-items:flex-start;flex-direction:column}
}