
:root{--navy:#071b3d;--gold:#bd8428;--gold2:#e4bd72;--muted:#556680;--line:#e6e9ee;--bg:#f7f9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,Arial,sans-serif;line-height:1.65;background:#fff}a{color:inherit}.wrap{max-width:1100px;width:calc(100% - 38px);margin:auto}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:850;letter-spacing:.05em}.brand img{width:49px;height:49px;object-fit:cover;border-radius:50%;border:1px solid #c4a46f}.brand small{display:block;color:#59697c;font-weight:600;font-size:10px;letter-spacing:.12em}nav{display:flex;gap:20px}nav a{font-size:13px;font-weight:700;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:5px;background:var(--navy);color:#fff;text-decoration:none;font-weight:750;font-size:13px;border:1px solid var(--navy)}.button.gold{background:var(--gold);border-color:var(--gold)}.button.ghost{background:transparent;color:var(--navy)}
.hero{background:linear-gradient(115deg,#071b3d,#14335d);color:white;padding:67px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#e6bf80;font-weight:800}.hero h1{font:700 clamp(34px,5vw,52px)/1.17 Georgia,serif;letter-spacing:-.025em;max-width:900px;margin:14px 0 16px}.hero .intro{font-size:17px;color:#dae3ed;max-width:850px;margin-bottom:26px}.hero .button{background:#c3923e;border-color:#c3923e;color:white}
main section{padding:64px 0}.soft{background:var(--bg)}h2{font:700 clamp(28px,3.5vw,38px)/1.2 Georgia,serif;margin:10px 0 19px}.kicker{font-size:12px;color:#9d6c26;font-weight:850;letter-spacing:.14em;text-transform:uppercase}p{color:#4b5c70}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:25px}.panel h3{font-size:18px;margin:0 0 7px}.panel p{margin:0;font-size:14px}.checklist{padding:0;list-style:none}.checklist li{display:flex;gap:10px;padding:7px 0;color:#42556b}.checklist li:before{content:'✓';color:var(--gold);font-weight:900}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.links{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.links a{color:#8d611f;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:13px}.crumb{font-size:12px;color:#c0ccd8;margin:0 0 22px}.crumb a{color:#d9e2ea}footer{background:#071a36;padding:29px 0;color:white}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot a{color:#d6e0ec;font-size:12px}.fine{font-size:12px;color:#6a7a8f;margin-top:18px}
@media(max-width:720px){nav{display:none}.hero{padding:48px 0}.grid{grid-template-columns:1fr}main section{padding:48px 0}.foot{align-items:flex-start;flex-direction:column}.brand{font-size:13px}}


/* JCT premium header for all six training pages */
header{
  background:linear-gradient(100deg,#fff 0%,#fff 62%,#fdfbf7 100%);
  border-bottom:1px solid #e6dece;
  box-shadow:0 5px 23px rgba(7,27,61,.05);
}
header::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,#826021 0%,#d9ae62 34%,#f1e0ba 61%,#a7752d 100%);
}
header .nav{min-height:126px;gap:20px;}
header .brand{gap:17px;flex-shrink:0;}
header .brand img{
  width:105px;height:105px;flex-shrink:0;
  border:2px solid #cba65c;
  box-shadow:0 0 0 4px #fff,0 0 0 5px rgba(199,155,75,.40),0 11px 27px rgba(7,27,61,.15);
}
header .brand span{
  display:block;font:700 30px/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:.13em;color:#071b3d;white-space:nowrap;
}
header .brand small{
  display:flex;align-items:center;gap:8px;margin-top:10px;
  font:800 9px/1.4 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.18em;color:#916b30;
}
header .brand small::before{
  content:"";display:block;width:20px;height:1px;background:#be924e;flex-shrink:0;
}
header nav{gap:22px;}
header nav a{position:relative;white-space:nowrap;transition:color .18s;}
header nav a::after{
  content:"";position:absolute;bottom:-9px;left:0;width:0;height:2px;background:#bd8428;transition:width .2s;
}
header nav a:hover{color:#9f7028;}
header nav a:hover::after{width:100%;}
header .button.gold{
  background:linear-gradient(110deg,#a87529,#c88e37 55%,#b47a2c);
  border-color:#ba873c;box-shadow:0 5px 13px rgba(149,100,34,.17);
}
header .button.gold:hover{background:#a87529;}
@media(max-width:980px){
  header .nav{min-height:110px;gap:12px;}
  header .brand img{width:86px;height:86px;}
  header .brand span{font-size:25px;}
  header nav{gap:12px;}
  header .button.gold{padding:12px;font-size:12px;}
}
@media(max-width:760px){
  header .nav{min-height:96px;}
  header .brand img{width:74px;height:74px;}
  header .brand span{font-size:22px;}
  header nav{display:none;}
  header .button.gold{padding:12px 14px;}
}
@media(max-width:480px){
  header .nav{min-height:88px;gap:8px;}
  header .brand{gap:11px;min-width:0;}
  header .brand img{width:60px;height:60px;}
  header .brand span{font-size:17px;letter-spacing:.07em;}
  header .brand small{font-size:7px;letter-spacing:.08em;margin-top:6px;gap:0;}
  header .brand small::before{display:none;}
  header .button.gold{font-size:11px;padding:10px 9px;text-align:center;max-width:95px;line-height:1.25;}
}
@media(max-width:360px){
  header .brand img{width:54px;height:54px;}
  header .brand span{font-size:15px;}
  header .brand small{font-size:6.4px;}
}
