:root{
  --ink:#14213D;
  --paper:#F6EFDF;
  --amber:#E8A33D;
  --amber-dark:#8A5A16;
  --clay:#B84A2A;
  --clay-dark:#6E2A15;
  --teal:#1F6F63;
  --teal-dark:#12433B;
  --charcoal:#24211B;
  --muted:#6B6656;
  --line: rgba(36,33,27,0.14);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--charcoal);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height:1.5;
}
h1,h2,h3{
  font-family:"Fraunces", Georgia, serif;
  font-weight:600;
  margin:0 0 0.5rem;
  color:var(--ink);
}
a{color:var(--teal-dark);}
.wrap{max-width:760px; margin:0 auto; padding:0 20px;}

header.hero{
  background:var(--ink);
  color:var(--paper);
  padding:48px 0 0;
  overflow:hidden;
}
header.hero .logo-mark{
  width:min(240px, 55vw);
  display:block;
  margin: 0 0 22px;
}
header.hero .logo-mark.small{
  width:min(150px, 40vw);
  margin: 0 0 8px;
}
header.hero .eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--amber);
  border:1px solid rgba(232,163,61,0.5);
  padding:4px 10px;
  border-radius:20px;
  margin-bottom:20px;
}
header.hero p.sub{
  font-size:18px;
  color:#E8E4D8;
  max-width:520px;
  margin:0 0 28px;
  line-height:1.5;
}
header.hero.compact{padding:36px 0 40px;}
header.hero.compact .wrap{padding-bottom:4px;}
.meaning{
  font-size:14.5px;
  color:#B9B3A0;
  max-width:520px;
  margin:0 0 36px;
  border-left:2px solid var(--amber);
  padding-left:14px;
}
.meaning b{color:var(--paper); font-style:normal;}

.horizon{
  display:block;
  width:100%;
  height:64px;
}

main{padding:0 0 40px;}

.paths{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:-84px 0 48px;
  position:relative;
  z-index:2;
}
@media (max-width:560px){
  .paths{grid-template-columns:1fr; margin-top:-56px;}
}
.path-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px 22px;
  cursor:pointer;
  text-align:left;
  box-shadow: 0 2px 10px rgba(20,33,61,0.06);
  transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.path-card:hover{transform:translateY(-3px); box-shadow: 0 8px 20px rgba(20,33,61,0.10);}
.path-card.active{border-color:var(--charcoal); border-width:2px;}
.path-card .tag{
  font-size:12px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  font-weight:600;
}
.path-card.seeker .tag{color:var(--clay-dark);}
.path-card.employer .tag{color:var(--teal-dark);}
.path-card h3{font-size:19px; margin:6px 0 4px;}
.path-card p{font-size:14px; color:var(--muted); margin:0;}

section.value{
  padding:8px 0 36px;
  border-bottom:1px solid var(--line);
}
.value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:20px;
}
@media (max-width:560px){ .value-grid{grid-template-columns:1fr;} }
.value-item h4{font-size:15px; margin:0 0 4px; color:var(--charcoal); font-family:inherit; font-weight:600;}
.value-item p{font-size:13.5px; color:var(--muted); margin:0;}

section.form{padding:40px 0 60px;}
section.form h2{font-size:24px;}
section.form p.lead{color:var(--muted); font-size:15px; max-width:480px; margin:0 0 24px;}

form{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px;
  box-shadow: 0 4px 16px rgba(20,33,61,0.06);
}
.field{margin-bottom:16px;}
.field label{
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
  color:var(--charcoal);
}
.field input, .field select{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  font-size:15px;
  font-family:inherit;
  background:#fdfbf7;
}
.field input:focus, .field select:focus{
  outline:2px solid var(--amber);
  outline-offset:1px;
}
.role-only{display:none;}
.role-only.show{display:block;}

button.submit{
  width:100%;
  padding:14px;
  border:none;
  border-radius:10px;
  background:var(--ink);
  color:var(--paper);
  font-size:15px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  margin-top:8px;
  transition: transform .15s ease, background .15s ease;
}
button.submit:hover{background:#1c2c50; transform:translateY(-1px);}

.confirm{
  display:none;
  padding:24px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  text-align:center;
}
.confirm.show{display:block;}
.confirm h3{margin-bottom:6px;}
.confirm p{color:var(--muted); font-size:14px;}

footer{
  padding:28px 0 40px;
  border-top:1px solid var(--line);
  font-size:13px;
  color:var(--muted);
}
footer a{color:var(--muted); text-decoration:underline; margin-right:14px;}
footer .footer-links{margin-bottom:10px;}

/* Simple content pages (About, Privacy) */
.page{padding:48px 0 60px;}
.page .wrap{max-width:680px;}
.page h1{font-size:clamp(26px,4vw,34px); margin-bottom:20px;}
.page h2{font-size:20px; margin-top:34px; margin-bottom:10px;}
.page p{margin:0 0 16px; color:var(--charcoal);}
.page p.intro{font-size:17px; color:var(--muted);}
.page ul{margin:0 0 16px; padding-left:20px;}
.page li{margin-bottom:8px; color:var(--charcoal);}
.back-link{
  display:inline-block;
  font-size:13px;
  color:#E8E4D8;
  margin-bottom:18px;
  text-decoration:none;
}
.back-link:hover{color:var(--amber);}