:root{
  --navy-deep:#060F1E;--navy:#0E2250;--navy-soft:#0C1C3A;
  --gold:#C9A84C;--gold-light:#E0C870;
  --blue-pale:#A8C4E0;--blue-mid:#7A9EC0;--text-bright:#D4E4F4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy-deep);color:var(--text-bright);font-family:'Montserrat',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.bebas{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400}
.wrap{max-width:1140px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);font-weight:700}
.rule{height:2px;width:64px;background:var(--gold);border:0;margin:18px 0}
a{color:inherit;text-decoration:none}

header.nav{position:sticky;top:0;z-index:50;background:rgba(6,15,30,.86);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,168,76,.22)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.mark{display:flex;align-items:center;gap:13px}
.mark .logo-sq{background:#fff;border-radius:5px;padding:4px 5px;display:flex;align-items:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.mark .logo-sq img{height:34px;width:auto;display:block}
.mark .wm{font-family:'Bebas Neue';font-size:26px;letter-spacing:3px;line-height:1;color:var(--text-bright)}
.mark .wm .amp{color:var(--gold)}
nav.links{display:flex;gap:30px;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--blue-pale)}
nav.links a:hover{color:var(--gold)}
.nav-cta{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--navy-deep);background:var(--gold);padding:10px 18px;border-radius:2px}

.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 78% -10%,rgba(14,34,80,.95),transparent 60%),linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%)}
.hero .wrap{position:relative;padding:100px 32px 92px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(44px,6vw,80px);line-height:.95;letter-spacing:1.5px;color:#F4F1E9;margin:18px 0 10px}
.hero h1 .amp{color:var(--gold)}
.hero p.lead{font-size:18px;color:var(--blue-pale);max-width:30em;margin-top:14px}
.hero .cta-row{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.btn{font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;padding:14px 26px;border-radius:2px;display:inline-block;cursor:pointer}
.btn.primary{background:var(--gold);color:var(--navy-deep)}
.btn.ghost{border:1px solid rgba(168,196,224,.4);color:var(--text-bright)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero-logo{justify-self:center;background:#fff;border-radius:10px;padding:24px 26px;box-shadow:0 20px 48px rgba(0,0,0,.45)}
.hero-logo img{display:block;width:100%;max-width:260px;height:auto}

.metrics{background:var(--gold);color:var(--navy-deep)}
.metrics .grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:26px 22px;text-align:center;border-right:1px solid rgba(10,22,40,.18)}
.metric:last-child{border-right:0}
.metric .num{font-family:'Bebas Neue';font-size:46px;line-height:1;letter-spacing:1px}
.metric .lbl{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin-top:8px;opacity:.85}

section{padding:92px 0}
.section-head{max-width:720px}
.section-head h2{font-size:clamp(32px,4vw,46px);letter-spacing:1.5px;color:#F2EFE7;line-height:1}
.section-head h2::after{content:"";display:block;width:64px;height:2px;background:var(--gold);margin-top:18px}
.section-head p{color:var(--blue-mid);margin-top:14px;font-size:16px}

.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.card{background:linear-gradient(180deg,var(--navy-soft),#0a1830);border:1px solid rgba(201,168,76,.18);border-radius:4px;padding:30px 28px}
.card .k{font-family:'Bebas Neue';font-size:22px;letter-spacing:2px;color:var(--gold);margin-bottom:8px}
.card p{color:var(--blue-pale);font-size:14.5px}

.split{background:linear-gradient(180deg,#081226 0,#070f1f 100%)}
.two{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(201,168,76,.2);border-radius:6px;overflow:hidden;margin-top:8px}
.panel{padding:46px 40px}
.panel.banks{background:var(--navy);border-right:1px solid rgba(201,168,76,.2)}
.panel.cands{background:var(--navy-soft)}
.panel h3{font-size:30px;letter-spacing:1.5px;color:#F2EFE7}
.panel .tag{color:var(--gold);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700}
.panel ul{list-style:none;margin-top:20px;display:grid;gap:14px}
.panel li{display:flex;gap:12px;color:var(--blue-pale);font-size:15px}
.panel li::before{content:"";flex:0 0 8px;height:8px;margin-top:8px;background:var(--gold);transform:rotate(45deg)}

.tsection{background:var(--navy-deep)}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.tcard{background:linear-gradient(180deg,var(--navy-soft),#0a1830);border:1px solid rgba(201,168,76,.18);border-radius:6px;padding:30px 28px;display:flex;flex-direction:column}
.tcard .qmark{font-family:'Bebas Neue';font-size:54px;color:var(--gold);line-height:.45;margin-bottom:12px}
.tcard blockquote{color:var(--text-bright);font-size:15.5px;line-height:1.62;font-weight:500;flex:1}
.tcard figcaption{margin-top:22px;padding-top:18px;border-top:1px solid rgba(201,168,76,.25);display:flex;flex-direction:column;gap:3px}
.tcard .tn{font-family:'Bebas Neue';font-size:22px;letter-spacing:1.5px;color:#F2EFE7}
.tcard .tt{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue-mid);font-weight:700}

.res{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.res .item{border:1px solid rgba(168,196,224,.18);border-radius:4px;padding:26px;background:#0a1730;display:flex;flex-direction:column}
.res .item .k{font-family:'Bebas Neue';font-size:20px;letter-spacing:1.5px;color:#F2EFE7}
.res .item p{color:var(--blue-mid);font-size:13.5px;margin-top:8px;flex:1}
.res .item .go{color:var(--gold);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-top:16px;display:inline-block}

.contact{background:var(--navy);text-align:center}
.contact h2{font-size:clamp(34px,4.4vw,52px);letter-spacing:1.5px;color:#F4F1E9}
.contact .lead{color:var(--blue-pale);max-width:44em;margin:18px auto 0;font-size:16px}
.contact .info{margin-top:30px;display:flex;gap:30px;justify-content:center;flex-wrap:wrap;font-size:15px;color:var(--text-bright)}
.contact .info a{border-bottom:1px solid var(--gold);padding-bottom:2px}
.footer-banner{display:block;margin:46px auto 0;max-width:440px;width:100%;height:auto;border-radius:4px}

footer.foot{background:var(--navy-deep);border-top:1px solid rgba(201,168,76,.25);padding:28px 0;color:var(--blue-mid);font-size:12.5px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
footer .fmark{display:flex;align-items:center;gap:11px}
footer .fmark .logo-sq{background:#fff;border-radius:5px;padding:3px 4px;display:flex;align-items:center}
footer .fmark .logo-sq img{height:28px;width:auto;display:block}
footer .fmark .wm{font-family:'Bebas Neue';font-size:20px;letter-spacing:2px;color:var(--blue-pale)}

/* ---- interior pages ---- */
.page-head{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);padding:84px 0 72px}
.page-head .eyebrow{display:block}
.page-head h1{font-size:clamp(40px,5.2vw,68px);letter-spacing:1.5px;color:#F4F1E9;line-height:.96;margin:16px 0 0}
.page-head p.lead{color:var(--blue-pale);font-size:18px;max-width:40em;margin-top:18px}
.prose{max-width:760px}
.prose p{color:var(--blue-pale);font-size:16.5px;line-height:1.75;margin-bottom:20px}
.prose p .hl{color:var(--text-bright);font-weight:600}
.prose h2{font-family:'Bebas Neue';font-size:30px;letter-spacing:1.5px;color:var(--gold);margin:46px 0 14px}
.prose h2:first-child{margin-top:0}

.post-list{display:grid;gap:20px;margin-top:48px;max-width:820px}
.post-card{display:block;border:1px solid rgba(201,168,76,.2);border-radius:6px;padding:30px 32px;background:linear-gradient(180deg,var(--navy-soft),#0a1830);transition:border-color .2s}
.post-card:hover{border-color:var(--gold)}
.post-card .date{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700}
.post-card h3{font-family:'Bebas Neue';font-size:30px;letter-spacing:1px;color:#F2EFE7;margin:10px 0 8px;line-height:1}
.post-card p{color:var(--blue-mid);font-size:15px}
.post-card .go{color:var(--gold);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-top:16px;display:inline-block}

.article{max-width:720px;margin:0 auto;padding:64px 0 80px}
.article .back{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-mid);font-weight:700}
.article .back:hover{color:var(--gold)}
.article h1{font-size:clamp(34px,4.6vw,52px);letter-spacing:1px;color:#F4F1E9;line-height:1;margin:22px 0 16px}
.article .meta{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);font-weight:700;border-bottom:1px solid rgba(201,168,76,.25);padding-bottom:22px;margin-bottom:34px}
.article .body p{color:var(--blue-pale);font-size:17px;line-height:1.78;margin-bottom:22px}
.article .body p .hl{color:var(--text-bright);font-weight:600}
.article .body h2{font-family:'Bebas Neue';font-size:26px;letter-spacing:1.5px;color:var(--gold);margin:38px 0 12px}
.draft-flag{max-width:720px;margin:0 auto 0;padding:14px 18px;border:1px dashed rgba(201,168,76,.5);border-radius:4px;color:var(--gold);font-size:12.5px;letter-spacing:.5px}

@media(max-width:880px){
  nav.links,.nav-cta{display:none}
  .hero .wrap{grid-template-columns:1fr;padding:72px 28px}
  .hero-logo{justify-self:start;margin-top:8px}
  .metrics .grid{grid-template-columns:repeat(2,1fr)}
  .metric:nth-child(2){border-right:0}
  .principles,.res,.tcards{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .panel.banks{border-right:0;border-bottom:1px solid rgba(201,168,76,.2)}
}

/* ---- v2: dedicated pages + footer nav ---- */
.panel .more{display:inline-block;margin-top:24px;color:var(--gold);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
.panel .more:hover{color:var(--gold-light)}
.tmore{display:block;text-align:center;margin-top:40px;color:var(--gold);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}
.tmore:hover{color:var(--gold-light)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.feature .card{padding:32px 30px}
.feature .card .k{margin-bottom:10px}
.lead-list{list-style:none;margin-top:30px;display:grid;gap:16px;max-width:760px}
.lead-list li{display:flex;gap:14px;color:var(--blue-pale);font-size:16px;line-height:1.55}
.lead-list li::before{content:"";flex:0 0 9px;height:9px;margin-top:8px;background:var(--gold);transform:rotate(45deg)}
footer.foot .wrap{display:block}
.foot .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(201,168,76,.18)}
.foot .bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px;color:var(--blue-mid);font-size:12px}
.fnav{display:flex;gap:22px;flex-wrap:wrap;font-size:11.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;color:var(--blue-mid)}
.fnav a:hover{color:var(--gold)}
@media(max-width:880px){.feature{grid-template-columns:1fr}.foot .top,.foot .bot{flex-direction:column;align-items:flex-start;text-align:left}}


/* ---- Career Sherpa ---- */
.cs-edge{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:8px}
.cs-edge .prose{max-width:none}
.cs-edge .prose h2{margin-top:0}
.cs-pull{border-left:2px solid var(--gold);padding:6px 0 6px 26px;color:var(--text-bright);font-size:18px;line-height:1.5}
.cs-pull .hl{color:var(--gold-light);font-weight:600}

.compass{margin-top:8px;border:1px solid rgba(201,168,76,.5);border-radius:6px;background:linear-gradient(180deg,var(--navy),#0a1830);padding:38px 40px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.compass .ct .incl{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700}
.compass .ct h3{font-family:'Bebas Neue';font-size:34px;letter-spacing:1.5px;color:#F2EFE7;margin:8px 0 6px}
.compass .ct p{color:var(--blue-pale);font-size:15px;max-width:46em}
.compass .cp{text-align:right;white-space:nowrap}
.compass .cp .price{font-family:'Bebas Neue';font-size:54px;line-height:.9;color:var(--gold);letter-spacing:1px}
.compass .cp .note{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-mid);font-weight:700;margin-top:6px}

.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.tier{background:linear-gradient(180deg,var(--navy-soft),#0a1830);border:1px solid rgba(201,168,76,.2);border-radius:6px;padding:30px 28px;display:flex;flex-direction:column}
.tier.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(201,168,76,.35)}
.tier .name{font-family:'Bebas Neue';font-size:28px;letter-spacing:1.5px;color:#F2EFE7;line-height:1}
.tier .price{font-family:'Bebas Neue';font-size:28px;letter-spacing:1px;color:var(--gold);margin:6px 0 4px}
.tier .desc{color:var(--blue-mid);font-size:13.5px;line-height:1.5;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(201,168,76,.18)}
.tier .incl{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.tier ul{list-style:none;display:grid;gap:11px;margin:0}
.tier li{display:flex;gap:11px;color:var(--blue-pale);font-size:14px;line-height:1.5}
.tier li::before{content:"";flex:0 0 7px;height:7px;margin-top:7px;background:var(--gold);transform:rotate(45deg)}

.retainer{margin-top:24px;border:1px solid rgba(201,168,76,.3);border-radius:6px;background:var(--navy);padding:30px 36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.retainer .rt .incl{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:700}
.retainer .rt h3{font-family:'Bebas Neue';font-size:30px;letter-spacing:1.5px;color:#F2EFE7;margin:6px 0 6px}
.retainer .rt p{color:var(--blue-pale);font-size:14.5px;max-width:52em}
.retainer .rp{text-align:right;white-space:nowrap}
.retainer .rp .price{font-family:'Bebas Neue';font-size:40px;line-height:.9;color:var(--gold);letter-spacing:1px}
.retainer .rp .note{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-mid);font-weight:700;margin-top:4px}

.alc{display:grid;grid-template-columns:1fr 1fr;gap:13px 48px;margin-top:30px;max-width:880px;list-style:none}
.alc li{display:flex;gap:12px;color:var(--blue-pale);font-size:15px;line-height:1.5;padding-bottom:13px;border-bottom:1px solid rgba(168,196,224,.12)}
.alc li::before{content:"";flex:0 0 8px;height:8px;margin-top:7px;background:var(--gold);transform:rotate(45deg)}

@media(max-width:880px){
  .cs-edge{grid-template-columns:1fr;gap:28px}
  .compass,.retainer{grid-template-columns:1fr;text-align:left}
  .compass .cp,.retainer .rp{text-align:left}
  .tiers{grid-template-columns:1fr}
  .alc{grid-template-columns:1fr;gap:0}
}

/* ---- Career Sherpa hero logo ---- */
.cs-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.cs-hero-text .lead{margin-top:18px}
.cs-logo{justify-self:center;background:#fff;border-radius:10px;padding:16px;box-shadow:0 20px 48px rgba(0,0,0,.45)}
.cs-logo img{display:block;width:100%;max-width:300px;height:auto;border-radius:4px}
@media(max-width:880px){.cs-hero{grid-template-columns:1fr;gap:28px}.cs-logo{justify-self:start;max-width:300px;padding:14px}}

/* ---- Testimonials image gallery ---- */
.tgallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;align-items:start}
.tshot{background:var(--navy-soft);border:1px solid rgba(201,168,76,.18);border-radius:6px;padding:14px;transition:border-color .2s,transform .2s}
.tshot:hover{border-color:var(--gold);transform:translateY(-3px)}
.tshot img{display:block;width:100%;height:auto;border-radius:4px}
@media(max-width:880px){.tgallery{grid-template-columns:1fr}}