/* The animated NEXUS mark shares the dark signature header. */
.header{position:relative}
.header .nav{height:96px;gap:20px}
.header .header-identity{flex:0 0 160px;min-width:0}
.header .wordmark-brand{width:160px;max-width:100%}
.header .nav nav{flex:1;justify-content:center;gap:16px;font-size:12px}
.header .nexus-brand{display:block;flex:0 0 100px;width:100px;height:86px;box-sizing:border-box;padding:3px;border:0;background:transparent;line-height:0}
.nexus-brand .nexus-logo{display:block;width:100%;height:100%;overflow:visible}
.header .nav-cta{flex-shrink:0;margin:0}
.header .header-specialties{justify-content:space-between;gap:12px 24px;padding-top:0;padding-bottom:12px}
.header .header-specialties>span+span{border:0;padding-left:0;text-align:right}
/* A shared introduction and full-width steps keep the process balanced. */
.approach.approach-process{display:block;padding-block:30px}
.approach-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-bottom:16px}
.approach-intro .eyebrow{margin-bottom:8px}
.approach-intro h2{font-size:32px;line-height:1.15;margin:0}
.first-candidates{border:1px solid #b89b66;border-radius:10px;background:#302039;color:#f8f3fa;padding:14px 18px}
.first-candidates .eyebrow{color:#e4c78d;margin:0 0 6px;font-size:10px}
.first-candidates h3{font-size:22px;line-height:1.25;margin:0 0 6px;font-weight:500;letter-spacing:-.3px}
.first-candidates h3 strong{color:#f0d59f;font-weight:700}
.first-candidates>p:last-child{font-size:12px;line-height:1.45;color:#e1d7e6;max-width:none;margin:0}
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.process-steps>li{min-width:0;padding:12px 14px;border:1px solid #ded4e2;border-radius:9px;background:#fcfafc}
.process-steps .step-number{display:block;color:#8c6a34;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.3;margin-bottom:6px}
.process-steps h3{font-size:16px;line-height:1.25;letter-spacing:-.2px;margin:0 0 6px}
.process-steps p{font-size:14px;line-height:1.45;color:#625b6b;margin:0}
@media(max-width:800px){
  .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .approach.approach-process{padding-block:24px}
  .approach-heading{gap:12px;margin-bottom:12px}
  .approach-intro .eyebrow{font-size:10px;letter-spacing:.7px;line-height:1.4}
  .approach-intro h2{font-size:26px}
  .first-candidates{padding:11px 12px}
  .first-candidates h3{font-size:17px}
  .first-candidates .eyebrow{font-size:9px;letter-spacing:.7px}
  .first-candidates>p:last-child{font-size:11px;line-height:1.35}
  .process-steps{gap:9px}
  .process-steps>li{padding:11px}
  .process-steps .step-number{font-size:11px;margin-bottom:4px}
  .process-steps h3{font-size:14px;margin-bottom:4px}
  .process-steps p{font-size:13px;line-height:1.4}
}
/* The film can expand without changing its playback position. */
.story-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 17px;background:#503268;color:#fff;border:1px solid #503268;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4}
.story-fullscreen:hover{background:#3c224f}
.story-fullscreen>span{font-size:23px;line-height:1}
#consultant-video:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;background:#000;aspect-ratio:auto}
#consultant-video:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;background:#000;aspect-ratio:auto}
/* Equal columns and paired fields shorten the contact section. */
.brief-section{padding-block:36px}
.brief-section .brief-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.brief-copy{min-width:0}
.brief-copy>.eyebrow{margin-bottom:10px}
.brief-copy h2{font-size:34px;line-height:1.15;margin-bottom:14px}
.brief-section .brief-intro{font-size:15px;line-height:1.55;max-width:440px;margin:0}
.brief-copy .contact-phone{font-size:28px;letter-spacing:-.5px;margin-top:18px;line-height:1.4}
.brief-copy .contact-messengers{margin-top:12px;gap:8px}
.brief-copy .messenger-link{font-size:13px;padding:10px 12px}
.brief-copy .max-details{margin-top:10px}
.brief-copy .max-details summary{font-size:13px;padding:8px 0}
.brief-agenda{border-top:1px solid #d2bfae;margin-top:16px;padding-top:14px}
.brief-agenda h3{font-size:15px;line-height:1.4;margin:0 0 8px}
.brief-agenda ul{margin:0;padding-left:18px;color:#665043;font-size:14px;line-height:1.5}
.brief-agenda li+li{margin-top:5px}
#brief-form{display:grid;gap:12px;min-width:0}
#brief-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
#brief-form label{display:block;font-size:13px;line-height:1.4;margin:0 0 5px}
#brief-form input,#brief-form textarea{margin:0;padding:10px 12px;min-height:44px;font-size:16px;line-height:1.4}
#brief-form textarea{min-height:72px;resize:vertical}
#brief-form .brief-salary-help{font-size:12px!important;line-height:1.4;margin:5px 0 0;max-width:none}
#brief-form .button{padding:12px 18px;min-height:46px;font-size:15px}
#brief-form .form-note{margin:0;font-size:12px!important;line-height:1.5!important}
.footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;padding-block:22px}
.footer-identities{display:flex;align-items:center;gap:22px}
.footer .footer-identities .footer-wordmark{width:160px;flex:0 0 160px}
.footer-identities .footer-nexus{width:86px;height:auto;flex:0 0 86px}
.footer>p{display:block;line-height:1.6}
.footer>a:not(.brand){width:auto;order:initial}
.footer .copyright{margin:0;order:initial}
@media(max-width:900px){.footer{grid-template-columns:1fr auto}.footer-identities{grid-row:1/3}.footer>p{display:none}.footer .copyright{justify-self:end}}
@media(max-width:700px){
  .brief-section .brief-grid{grid-template-columns:1fr;gap:26px}
  .brief-copy h2{font-size:30px}
  .brief-copy .contact-phone{font-size:27px}
  #brief-form .form-row{gap:12px}
  .footer{gap:14px}
  .footer-identities{grid-column:1/-1;grid-row:auto;justify-content:space-between}
  .footer>a:not(.brand){font-size:12px}
}
.faq-section{display:block}
.faq-section .faq-heading{margin-bottom:22px}
.faq-section .faq-heading .eyebrow{margin-bottom:9px}
.faq-section .faq-heading h2{font-size:34px;line-height:1.2;margin:0}
.faq-section .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;align-items:stretch}
.faq-section .faq-list details{min-width:0;border:1px solid #d9cde2;border-radius:12px;padding:0 18px;background:#f8f4fa}
.faq-section .faq-list details[open]{background:#fffdfa;border-color:#cbb68e}
.faq-section .faq-list summary,.faq-section .faq-list details:first-child summary{padding:16px 0;font-size:15px;line-height:1.5;gap:14px}
.faq-section .faq-list summary>span{flex-shrink:0}
.faq-section .faq-list p{font-size:14px;line-height:1.65;max-width:none;padding:0;margin:0 0 12px}
.faq-section .faq-list p:last-child{margin-bottom:18px}
.faq-section .faq-list summary:focus-visible{outline:2px solid #8358a2;outline-offset:3px;border-radius:4px}
@media(max-width:1100px){
  .header .nav{gap:15px}
  .header .header-identity{flex-basis:145px}
  .header .wordmark-brand{width:145px}
  .header .nav nav{gap:12px;font-size:11px}
}
@media(max-width:1000px){
  .header .nexus-brand{margin-left:auto;margin-right:auto}
  .header .nav #navigation{top:100%;justify-content:flex-start;gap:18px;font-size:14px}
}
@media(max-width:700px){
  .header .nav{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);height:98px;min-height:0;gap:10px}
  .header .header-identity{grid-column:1;min-width:0}
  .header .wordmark-brand{width:138px;max-width:100%}
  .header .nexus-brand{grid-column:2;width:82px;height:84px;margin:0;padding:4px}
  .header .nav-cta{grid-column:3;display:flex;justify-content:center;justify-self:end;align-items:center;width:auto;max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;font-size:12px;line-height:1.4;padding:10px 9px;gap:0}
  .header .nav-cta>span{display:none}
  .header .menu-button{position:absolute;right:18px;bottom:9px;margin:0;padding:8px 0;font-size:12px}
  .header .header-specialties{padding-right:66px;padding-bottom:10px;box-sizing:border-box;font-size:9px;line-height:1.6;gap:3px}
  .header .header-specialties{justify-content:flex-start;align-items:flex-start}
  .header .header-specialties>span+span{text-align:left}
  .header .header-specialties .specialties-experts{font-size:9px;line-height:1.6}
  .faq-section .faq-heading h2{font-size:30px}
  .faq-section .faq-list{grid-template-columns:1fr;gap:12px}
}
@media(max-width:380px){
  .header .nav{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:8px}
  .header .nexus-brand{width:74px;height:80px}
  .header .nav-cta{font-size:11px;padding:9px 6px}
  .header .header-specialties{font-size:8px;padding-right:60px}
  .header .header-specialties .specialties-experts{font-size:8px}
}

/* Readable essentials after the usability review. */
.header .nav nav{font-size:13px}
.header .nav-cta{min-height:44px;font-size:14px;padding:11px 16px}
.header .header-specialties{display:block;font-size:13px;line-height:1.5;letter-spacing:.3px;color:#eee3f3;padding-bottom:12px}
.hero .hero-copy>.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.6px;text-transform:none}
.hero-copy .hero-description{margin:0 0 16px}
.hero-copy .hero-offer{margin-bottom:0}
.hero .hero-actions{flex-wrap:wrap}
.hero-copy,.role-finder,.contact-copy,.contact-card{min-width:0}
.personal-copy .brand-intro{font-weight:600;color:#593675}
.compact-pricing .deposit-note{font-size:13px;line-height:1.5;max-width:none;margin:12px 0 0;color:#62516e}
.compact-pricing .quality-proof span{font-size:12px}
.compact-pricing .quality-proof{padding-top:16px}
.industry-list{gap:0 28px;align-items:start}
.industry-list>details{border-top:1px solid #d2c5dd;min-width:0}
.industry-list summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:13px 0;font-size:15px;font-weight:600;line-height:1.5;color:#4c355d;cursor:pointer;list-style:none}
.industry-list summary::-webkit-details-marker{display:none}
.industry-list summary>span{font-size:21px;font-weight:400;flex-shrink:0;line-height:1}
.industry-list details[open] summary>span{transform:rotate(45deg)}
.industry-list details>p{margin:0;padding:0 0 16px;font-size:14px;line-height:1.65;color:#64566e}
.industry-list summary:focus-visible{outline:2px solid #8358a2;outline-offset:3px}
.contact-section{padding:36px 0;background:#f2e9df;border-top:1px solid #ddcbb9}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.contact-copy .eyebrow{margin-bottom:12px;font-size:12px}
.contact-copy h2{font-size:34px;line-height:1.15;margin-bottom:16px}
.contact-intro{font-size:16px;line-height:1.6;max-width:440px;margin:0}
.contact-agenda{border-top:1px solid #d2bfae;margin-top:20px;padding-top:16px}
.contact-agenda h3{font-size:16px;letter-spacing:0;margin:0 0 8px}
.contact-agenda ul{margin:0;padding-left:20px;font-size:15px;line-height:1.65;color:#665043}
.contact-agenda li+li{margin-top:3px}
.contact-card{padding:24px;border:1px solid #d8c3b2;border-radius:14px;background:#fffaf4;container-type:inline-size}
.contact-card-title{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 16px;color:#523c57}
.contact-card-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(164px,1fr);gap:18px;align-items:center}
.contact-direct{min-width:0}
.contact-card-body .contact-direct .contact-phone{font-size:24px;margin:0;letter-spacing:-.5px}
.contact-card-body .contact-direct .contact-email{font-size:16px;margin:0}
@container(max-width:405px){.contact-card-body{grid-template-columns:minmax(0,1fr);gap:16px}}
.contact-card .contact-phone{font-size:clamp(25px,2.4vw,32px);line-height:1.4;letter-spacing:-.5px;margin:12px 0 0;display:flex;width:fit-content;align-items:center;min-height:44px;white-space:nowrap}
.contact-card .contact-email{display:flex;width:fit-content;max-width:100%;align-items:center;min-height:44px;margin:0 0 16px;font-size:17px;line-height:1.5;color:#634575;overflow-wrap:anywhere;text-underline-offset:4px}
.contact-card .contact-email:hover{text-decoration:underline}
.contact-card .contact-messengers{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.contact-card .messenger-link{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 14px;font-size:15px;line-height:1.4;border:1px solid #cdbbd6;border-radius:8px;background:#f7f0fa;color:#4f315e}
.contact-card .messenger-link:hover{background:#eee3f4;border-color:#8c6a9f}
.contact-card .messenger-wa{background:#edf8f0;border-color:#cee7d6;color:#245d3b}
.contact-card .messenger-wa:hover{background:#e0f2e6;border-color:#96c7a6}
.contact-card .messenger-tg{background:#edf6fc;border-color:#cee3f2;color:#285e7c}
.contact-card .messenger-tg:hover{background:#dfedf8;border-color:#98bfd9}
.contact-card .messenger-max{background:#f2eefd;border-color:#ddd3f1;color:#60418a}
.contact-card .messenger-max:hover{background:#e9e0f8;border-color:#b8a2d6}
.contact-card .messenger-label{display:inline-flex;align-items:center;gap:10px;min-width:0}
.contact-card .messenger-icon{display:block;flex:0 0 28px;width:28px;height:28px}
.contact-card .messenger-link:focus-visible,.contact-card .contact-email:focus-visible{outline:3px solid #8358a2;outline-offset:3px}
.contact-card .max-details{margin:16px 0 0;border-top:1px solid #d8c8df;max-width:none}
.contact-card .max-details summary{font-size:15px;line-height:1.5;padding:12px 0;min-height:46px;color:#553c63}
.contact-card .max-details p{font-size:14px;line-height:1.6}
.contact-card .max-actions a,.contact-card .max-actions button{font-size:14px;min-height:44px;padding:10px 12px}
.contact-card .phone-copy-status:empty{display:none}
.footer>p{font-size:13px}
@media(max-width:1000px){
  .header .nav #navigation{font-size:15px}
  .contact-grid{gap:26px}
  .contact-card{padding:20px}
}
@media(max-width:700px){
  .header .nav-cta{font-size:13px;padding:10px 7px;min-height:46px}
  .header .header-specialties{font-size:12px;line-height:1.5;padding-right:76px;padding-bottom:12px;min-height:42px;letter-spacing:0}
  .header .menu-button{font-size:13px;min-width:58px;min-height:44px;justify-content:flex-end;bottom:5px;padding:8px 0}
  .hero .hero-copy>.eyebrow{font-size:12px;line-height:1.5;letter-spacing:0;gap:8px}
  .process-steps h3{font-size:15px;line-height:1.3}
  .process-steps p{font-size:14px;line-height:1.45}
  .process-steps>li{padding:11px}
  .approach-heading{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}
  .approach-intro .eyebrow{font-size:11px;letter-spacing:.3px}
  .first-candidates .eyebrow{font-size:11px;letter-spacing:.3px}
  .first-candidates>p:last-child{font-size:12px;line-height:1.45}
  .finder-options button{font-size:14px}
  .contact-grid{grid-template-columns:1fr;gap:22px}
  .contact-copy h2{font-size:30px}
  .contact-agenda{margin-top:16px;padding-top:14px}
  .contact-card .contact-phone{font-size:28px}
  .footer>p{display:block;grid-column:1/-1;grid-row:2;margin:0;font-size:12px}
  .footer .copyright{font-size:12px}
}
@media(max-width:380px){
  .header .nav-cta{font-size:13px;padding:10px 6px}
  .header .header-specialties{font-size:12px;padding-right:72px}
  .contact-card{padding:18px}
  .contact-card .contact-phone{font-size:25px}
  .contact-card .messenger-link{font-size:14px;padding:11px}
  .process-steps{gap:8px}
  .process-steps>li{padding:10px}
  .approach-heading{grid-template-columns:1fr}
  .approach-intro h2 br{display:none}
}

/* Explain the personal brand beside its mark, without a separate tall section. */
.footer>p.footer-brand-copy{display:block;min-width:0;max-width:none;margin:0;font-size:16px;line-height:1.5}
.footer-brand-copy>span{display:block}
.footer-brand-copy>span+span{margin-top:6px}
.footer-brand-copy .footer-brand-definition{color:#ecd5a3}
.footer-brand-copy .footer-brand-owner{font-size:14px}
@media(min-width:701px) and (max-width:1100px){
  .footer{grid-template-columns:minmax(0,1fr) auto auto;row-gap:14px}
  .footer .footer-identities{grid-column:1;grid-row:1}
  .footer>a:not(.brand){grid-column:2;grid-row:1}
  .footer .copyright{grid-column:3;grid-row:1}
  .footer>p.footer-brand-copy{grid-column:1/-1;grid-row:2}
}
@media(max-width:700px){
  .footer>p.footer-brand-copy{grid-column:1/-1;grid-row:2}
}

/* Two compact shortcuts stay together after the first screen. */
.floating-actions{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;gap:8px;max-width:calc(100% - 32px)}
.floating-actions[hidden]{display:none}
.floating-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 14px;border:1px solid #c6a86a;border-radius:999px;background:#f2e0b7;color:#392b20;box-shadow:0 3px 14px #21162620;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none}
.back-to-top>span{font-size:21px;line-height:1}
.back-to-top:hover{background:#ead19b;border-color:#ac894d}
.floating-actions>.floating-contact{background:#503268;border-color:#503268;color:#fff}
.floating-actions>.floating-contact:hover{background:#39234c}
.floating-contact svg{flex-shrink:0}
.floating-actions>a:focus-visible{outline:3px solid #ac894d;outline-offset:4px}
.is-enhanced .footer-band{padding-bottom:72px}

/* The agency quote and saving are one comparison, above the next action. */
.compact-pricing .agency-comparison .fee-pair{grid-template-columns:minmax(0,1fr);gap:12px}
.compact-pricing .agency-rate-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:center}
.compact-pricing .agency-rate-heading{grid-row:1/3;display:flex;justify-content:space-between}
.compact-pricing .agency-rate-heading label br{display:none}
.compact-pricing .agency-rate-control input[type=range]{grid-column:2;width:100%;margin:0}
.compact-pricing .agency-rate-scale{grid-column:2}
.compact-pricing .comparison-explanation,.compact-pricing #comparison-error{grid-column:1/-1}
.compact-pricing .comparison-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.compact-pricing .comparison-quotes>.agency-fee,.compact-pricing .comparison-quotes>.comparison-result{margin:0;padding:14px;min-width:0;border-radius:12px;box-shadow:none}
.compact-pricing .comparison-quotes>div>span{display:block;font-size:15px;font-weight:650;line-height:1.4;min-height:2.8em}
.compact-pricing .comparison-quotes>div>strong{display:block;font-size:clamp(27px,2.6vw,38px);font-weight:750;line-height:1.2;letter-spacing:-1px;margin:8px 0;overflow-wrap:normal}
.compact-pricing .comparison-quotes>div>p{font-size:14px;line-height:1.45;margin:0}

/* A small animated brand mark accompanies the personal introduction. */
.personal-brand{display:flex;align-items:center;gap:18px;margin:0 0 14px}
.personal-nexus{width:112px;flex:0 0 112px;aspect-ratio:760/680;padding:6px;border:1px solid #4e3c5e;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#302139,#17131e 75%);line-height:0}
.personal-with-portrait .personal-copy .personal-brand .brand-intro{margin:0;max-width:450px}
.personal-nexus .personal-gear-pulse{transform-origin:0 0;animation:personal-gold-pulse 5.5s ease-in-out infinite}
@keyframes personal-gold-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px #e4bc6b33) brightness(1)}50%{transform:scale(1.045);filter:drop-shadow(0 0 14px #e4bc6bb3) brightness(1.18)}}
@media(max-width:700px){.compact-pricing .comparison-quotes>div>strong{font-size:clamp(27px,5.4vw,38px)}}
@media(max-width:400px){
  .compact-pricing .agency-rate-control{grid-template-columns:1fr;row-gap:4px}
  .compact-pricing .agency-rate-heading{grid-row:auto}
  .compact-pricing .agency-rate-control input[type=range],.compact-pricing .agency-rate-scale{grid-column:1}
  .compact-pricing .comparison-quotes{grid-template-columns:1fr}
  .compact-pricing .comparison-quotes>div>span{min-height:0}
  .compact-pricing .comparison-quotes>div>strong{font-size:34px}
  .personal-brand{gap:12px}
  .personal-nexus{width:92px;flex-basis:92px}
}
@media(prefers-reduced-motion:reduce){.personal-nexus .personal-gear-pulse{animation:none}}