/* ===== Be the Peacock — shared site styles ===== */
@font-face{
  font-family:'Clash Display';
  src:url('../fonts/ClashDisplay-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Clash Display';
  src:url('../fonts/ClashDisplay-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Clash Display';
  src:url('../fonts/ClashDisplay-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Switzer';
  src:url('../fonts/Switzer-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Switzer';
  src:url('../fonts/Switzer-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Switzer';
  src:url('../fonts/Switzer-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}

:root{
  --teal:#0E5C56;
  --teal-dark:#0A433F;
  --indigo:#16325C;
  --gold:#C9A227;
  --gold-light:#E3C765;
  --ink:#1A1D1F;
  --muted:#5B6462;
  --offwhite:#F7F5F2;
  --offwhite-2:#FCFBF9;
  --border:rgba(26,29,31,0.1);
  --font-display:'Clash Display', -apple-system, sans-serif;
  --font-body:'Switzer', -apple-system, BlinkMacSystemFont, sans-serif;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--offwhite-2);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.wrap{max-width:1120px; margin:0 auto; padding-left:24px; padding-right:24px;}
section{padding-top:88px; padding-bottom:88px;}

.eyebrow{font-size:13px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold);}
h1,h2,h3{font-family:var(--font-display); font-weight:500; line-height:1.15; color:var(--ink);}
em{font-style:normal; color:var(--teal);}

/* ---------- NAV ---------- */
header.nav{position:sticky; top:0; z-index:50; background:rgba(252,251,249,0.95); border-bottom:1px solid var(--border); backdrop-filter:blur(6px);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:12px 24px; max-width:1120px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--ink);}
.brand img{height:38px; width:38px; border-radius:50%; object-fit:cover;}
.nav-links{display:flex; gap:26px; font-size:14.5px; color:var(--muted);}
.nav-links a:hover{color:var(--teal);}
.nav-cta{background:var(--teal); color:#fff; padding:10px 18px; border-radius:6px; font-weight:600; font-size:14px; transition:background .15s;}
.nav-cta:hover{background:var(--teal-dark);}
@media (max-width:820px){ .nav-links{display:none;} }

/* ---------- HERO ---------- */
.hero{background:linear-gradient(160deg, var(--indigo) 0%, var(--teal-dark) 100%); color:#fff;}
.hero-inner{display:grid; grid-template-columns:1.05fr 0.95fr; gap:48px; align-items:center; padding:88px 24px; max-width:1120px; margin:0 auto;}
.hero h1{color:#fff; font-size:clamp(32px,4.6vw,48px); margin:14px 0 18px;}
.hero p.lede{font-size:17px; color:rgba(255,255,255,0.85); max-width:48ch; margin-bottom:28px;}
.hero-visual{border-radius:12px; overflow:hidden; aspect-ratio:4/3; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15);}
.hero-visual img{width:100%; height:100%; object-fit:cover;}
.btn{display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:6px; font-weight:600; font-size:15.5px; transition:transform .15s, box-shadow .15s, background .15s;}
.btn-primary{background:var(--gold); color:var(--ink);}
.btn-primary:hover{background:var(--gold-light); transform:translateY(-1px); box-shadow:0 10px 28px -8px rgba(201,162,39,0.5);}

/* ---------- TRUST STRIP ---------- */
.trust{background:var(--offwhite); border-bottom:1px solid var(--border);}
.trust-inner{display:flex; flex-wrap:wrap; justify-content:center; gap:36px; padding:24px; max-width:1120px; margin:0 auto;}
.trust-item{display:flex; align-items:center; gap:10px; font-size:14px; font-weight:500; color:var(--ink);}
.trust-item svg{color:var(--teal); flex-shrink:0;}

/* ---------- SECTION HEAD ---------- */
.section-head{max-width:620px; margin-bottom:44px;}
.section-head h2{font-size:clamp(26px,3.2vw,34px); margin-top:10px;}
.section-head p{color:var(--muted); margin-top:12px; font-size:16px;}

/* ---------- OFFER GRID ---------- */
.offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.offer-card{background:var(--offwhite); border:1px solid var(--border); border-radius:10px; padding:24px;}
.offer-card h3{font-size:18px; margin-bottom:8px;}
.offer-card p{color:var(--muted); font-size:14.5px;}
.offer-card .num{font-family:var(--font-display); color:var(--gold); font-size:13px; font-weight:700; letter-spacing:0.05em; margin-bottom:10px; display:block;}

/* ---------- GUARANTEE ---------- */
.guarantee{background:var(--indigo); color:#fff; border-radius:14px; padding:44px; text-align:center; margin-top:20px;}
.guarantee .eyebrow{color:var(--gold-light);}
.guarantee h3{color:#fff; font-size:clamp(22px,2.8vw,28px); margin:10px auto 0; max-width:38ch;}

/* ---------- FORM ---------- */
.form-section{background:var(--offwhite);}
.form-card{background:#fff; border:1px solid var(--border); border-radius:14px; padding:40px; max-width:640px; margin:0 auto; box-shadow:0 20px 50px -30px rgba(26,29,31,0.25);}
.form-card h2{font-size:26px; margin-bottom:8px;}
.form-card > p{color:var(--muted); margin-bottom:28px; font-size:15px;}
.field{margin-bottom:18px;}
.field label{display:block; font-size:13.5px; font-weight:600; margin-bottom:6px;}
.field input, .field textarea{
  width:100%; padding:12px 14px; border-radius:8px; border:1px solid var(--border);
  font-family:var(--font-body); font-size:15px; background:var(--offwhite-2); color:var(--ink);
}
.field textarea{resize:vertical; min-height:80px;}
.field input:focus, .field textarea:focus{border-color:var(--teal); outline:none; background:#fff;}
.form-note{font-size:12.5px; color:var(--muted); margin-top:14px; text-align:center;}
.form-msg{display:none; padding:14px; border-radius:8px; margin-bottom:18px; font-size:14px; font-weight:500;}
.form-msg.success{background:#E6F4EF; color:var(--teal-dark); display:block;}
.form-msg.error{background:#FBEAEA; color:#B23A3A; display:block;}
.hp-field{position:absolute; left:-9999px; opacity:0;}

/* ---------- FOOTER ---------- */
footer{background:var(--ink); color:rgba(255,255,255,0.7); padding:48px 0 24px;}
.footer-inner{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,0.12);}
.footer-brand{display:flex; align-items:center; gap:10px; color:#fff; font-family:var(--font-display); font-weight:700; font-size:16px;}
.footer-brand img{height:32px; width:32px; border-radius:50%; object-fit:cover;}
.social-icon{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); color:#fff; transition:background .15s;}
.social-icon:hover{background:var(--gold); color:var(--ink);}
.footer-bottom{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-top:20px; font-size:13px;}
.footer-bottom a:hover{color:var(--gold-light);}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-visual{order:-1; aspect-ratio:16/9;}
  .offer-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .offer-grid{grid-template-columns:1fr;}
  .form-card{padding:26px;}
  section{padding-top:60px; padding-bottom:60px;}
  .guarantee{padding:30px 22px;}
}

/* ---------- ABOUT / WHY ME ---------- */
.about-inner{display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center;}
.about-photo-col{display:flex; flex-direction:column; align-items:center;}
.about-photo{border-radius:12px; overflow:hidden; aspect-ratio:3/4; width:100%; max-width:340px; border:1px solid var(--border);}
.about-photo img{width:100%; height:100%; object-fit:cover;}
.previously-at{margin-top:24px; text-align:left;}
.previously-at .label{font-size:12px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin-bottom:10px;}
.previously-at .logos{display:flex; align-items:center; justify-content:flex-start; gap:28px;}
.previously-at .logos img{height:26px; width:auto; object-fit:contain; filter:grayscale(100%); opacity:0.75;}
@media (max-width:900px){ .about-inner{grid-template-columns:1fr;} .about-photo-col{order:-1;} }