*{box-sizing:border-box}

:root{
 --green:#103f34;
 --gold:#d0a94f;
 --ivory:#f7f3e8;
 --ink:#123c32;
 --muted:#65736d;
}

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

.site-header{
 min-height:76px;
 padding:16px 4.5%;
 background:var(--green);
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
}

.brand{
 color:var(--gold);
 font:700 22px Georgia,serif;
 text-decoration:none;
}

.site-header nav{
 display:flex;
 flex-wrap:wrap;
 gap:18px;
}

.site-header nav a{
 color:white;
 font-size:11px;
 font-weight:700;
 text-decoration:none;
}

.page-hero{
 background:var(--green);
 color:white;
 text-align:center;
 padding:48px 20px 52px;
}

.eyebrow{
 color:var(--gold);
 font-size:11px;
 font-weight:800;
 letter-spacing:2px;
}

.page-hero h1{
 font:700 clamp(34px,5vw,58px) Georgia,serif;
 margin:16px auto;
 max-width:850px;
}

.hero-description{
 max-width:650px;
 margin:0 auto 25px;
 font-size:16px;
 color:#e8e9e1;
}

.free-badge{
 display:inline-block;
 background:#d6aa3f;
 color:#103f34;
 font-size:11px;
 font-weight:800;
 letter-spacing:1px;
 padding:9px 15px;
 border-radius:4px;
}

.audiences,.process{
 max-width:1100px;
 margin:auto;
 padding:65px 24px;
}

h2{
 font:700 clamp(27px,4vw,38px) Georgia,serif;
 text-align:center;
 margin:0 0 18px;
}

.section-intro{
 max-width:650px;
 margin:0 auto 35px;
 text-align:center;
 color:var(--muted);
}

.audience-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;
}

.audience-card{
 background:#fffdf8;
 border:1px solid #ded5c3;
 border-top:4px solid var(--gold);
 padding:30px;
 border-radius:5px;
}

.card-label{
 color:#956c20;
 font-size:11px;
 font-weight:800;
 letter-spacing:1.5px;
}

.audience-card h3{
 font:700 25px Georgia,serif;
 margin:15px 0;
}

.audience-card p{
 font-size:14px;
 color:#52625b;
}

.audience-card a{
 display:inline-block;
 margin-top:15px;
 color:var(--green);
 font-size:12px;
 font-weight:800;
 text-decoration:none;
}

.process{
 background:var(--ivory);
}

.process-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px;
}

.process-card{
 background:white;
 border:1px solid #ded5c3;
 border-radius:5px;
 padding:25px 20px;
}

.step-number{
 display:block;
 color:#956c20;
 font:700 30px Georgia,serif;
 margin-bottom:15px;
}

.process-card h3{
 font:700 20px Georgia,serif;
 margin:0 0 12px;
}

.process-card p{
 font-size:13px;
 color:#52625b;
}

.closing-section{
 background:#103f34;
 color:white;
 text-align:center;
 padding:65px 24px;
}

.closing-section p{
 max-width:700px;
 margin:0 auto 28px;
 color:#e8e9e1;
}

.closing-actions{
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:14px;
}

.closing-actions a{
 padding:13px 20px;
 background:#d6aa3f;
 color:#103f34;
 font-size:11px;
 font-weight:800;
 text-decoration:none;
}

.site-footer{
 background:#092d25;
 color:white;
 text-align:center;
 padding:25px;
}

.site-footer p{
 color:#d0a94f;
 font-weight:800;
}

.site-footer span{font-size:12px}

@media(max-width:760px){
 .site-header{
  flex-direction:column;
  text-align:center;
 }
 .site-header nav{
  justify-content:center;
 }
 .page-hero{
  padding:48px 20px;
 }
 .audience-grid,.process-grid{
  grid-template-columns:1fr;
 }
 .audiences,.process{
  padding:45px 18px;
 }
 .audience-card,.process-card{
  padding:22px;
 }
}


/* V2 layout refinements */
.audience-card{
 display:flex;
 flex-direction:column;
}

.audience-card a{
 margin-top:auto;
 padding-top:20px;
 align-self:flex-start;
}

/* Compact hero refinement */
.page-hero{
 padding:24px 20px 28px !important;
}

.page-hero h1{
 margin:8px auto 10px !important;
}

.hero-description{
 margin:0 auto 14px !important;
}

@media(max-width:760px){
 .page-hero{
  padding:22px 16px 26px !important;
 }
}

/* Contact navigation button */
.site-header .contact-link{
 display:inline-block;
 padding:10px 14px;
 border:1px solid #d0a94f;
 border-radius:4px;
 color:#d0a94f;
 font-size:10px;
 font-weight:800;
 text-decoration:none;
 white-space:nowrap;
}

.site-header .contact-link:hover{
 background:#d0a94f;
 color:#103f34;
}