/* The fCMO Agency: shared styles. Page layout lives inline in each page, exported from the design. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0E2A40;font-family:'Red Hat Text','Avenir Next','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:'Red Hat Display','Avenir Next','Segoe UI',system-ui,sans-serif;text-wrap:balance}
p{margin:0;text-wrap:pretty}
img{max-width:100%}
a{color:#00DBFF}
a:hover{color:#78F9FF}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F47400;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#F47400;color:#0E2A40;padding:12px 16px;font-weight:700;z-index:50}
.skip:focus{left:8px;top:8px}

/* header */
.site-header{position:relative;background:#0E2A40;z-index:20}
.hdr{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px 28px}
.hdr-logo{display:inline-flex;align-items:center;min-height:48px;flex:0 0 auto}
.hdr-logo img{height:48px;width:auto;display:block}
.hdr-nav{display:flex;align-items:center;gap:4px 26px}
.hdr-nav a,.hdr-menu nav a{display:inline-flex;align-items:center;min-height:44px;color:#FFFFFF;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.hdr-nav a:hover,.hdr-menu nav a:hover{color:#78F9FF}
.hdr-nav a[aria-current="page"],.hdr-menu nav a[aria-current="page"]{color:#00DBFF}
.hdr-cta,.hdr-menu summary{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1.5px solid #00DBFF;border-radius:8px;color:#00DBFF;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.hdr-cta:hover{background:#00DBFF;color:#0E2A40}
.hdr-menu{display:none}
.hdr-menu summary{cursor:pointer;list-style:none;user-select:none}
.hdr-menu summary::-webkit-details-marker{display:none}
.hdr-menu nav{position:absolute;left:0;right:0;top:100%;background:#0E2A40;border-top:1px solid #2F5C80;border-bottom:1px solid #2F5C80;padding:12px 24px 24px;display:flex;flex-direction:column;gap:2px}
.hdr-menu nav a{min-height:48px;font-size:17px}
.hdr-menu nav a.m-cta{margin-top:12px;justify-content:center;background:#F47400;color:#0E2A40;border-radius:8px;font-weight:700}
@media (max-width:1040px){
  .hdr-nav,.hdr-cta{display:none}
  .hdr-menu{display:block}
}

/* forms */
input,select,textarea{font:inherit}
.calendly-inline-widget{min-width:320px;height:720px;border:1px solid #D5E1E9;border-radius:8px;overflow:hidden;background:#FFFFFF}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* assessment */
.mono{font-family:'Red Hat Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.quiz{background:#FFFFFF;color:#0E2A40;border-radius:16px;padding:32px;min-height:500px;box-sizing:border-box;display:flex;flex-direction:column}
.quiz [hidden],.res[hidden]{display:none!important}
.q-state{display:flex;flex-direction:column;gap:20px;flex:1}
.q-top{display:flex;flex-direction:column;gap:10px}
.q-count{color:#4A6275}
.q-factor{color:#AD5200}
.q-progress{display:flex;gap:4px}
.q-progress .seg{flex:1;height:6px;border-radius:3px;background:#D5E1E9}
.q-progress .seg.done{background:#0E2A40}
.q-progress .seg.now{background:#F47400}
.q-text{font-size:clamp(20px,2.2vw,24px);line-height:1.25;font-weight:800;outline:none}
.q-answers{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.q-answers button{min-height:56px;padding:0 20px;text-align:left;border:1.5px solid #D5E1E9;border-radius:8px;background:#FFFFFF;color:#0E2A40;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer}
.q-answers button:hover{border-color:#0E2A40}
.q-answers button[aria-pressed="true"]{background:#0E2A40;border-color:#0E2A40;color:#FFFFFF}
.q-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.q-link{background:none;border:0;padding:0;min-height:44px;color:#00708A;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:underline}
.q-link:disabled{color:#8FA3B3;cursor:default;text-decoration:none}
.q-hint{font-size:14px;color:#4A6275}
.g-score{display:flex;align-items:baseline;gap:12px}
.g-num{font-family:'Red Hat Display','Avenir Next',system-ui,sans-serif;font-size:72px;line-height:1;font-weight:800;letter-spacing:-.02em}
.g-of{color:#4A6275}
.g-band{font-size:24px;line-height:1.2;font-weight:800;outline:none}
.g-text{font-size:16px;color:#4A6275}
.g-form{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid #D5E1E9;margin-top:auto}
.g-lead{font-size:16px;font-weight:700}
.g-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;font-weight:700}
.field .opt{font-weight:400;color:#4A6275}
.field input{min-height:48px;padding:0 14px;border:1px solid #4A6275;border-radius:4px;background:#FFFFFF;color:#0E2A40;font-size:16px;width:100%;box-sizing:border-box}
.hp{position:absolute;left:-9999px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:56px;padding:0 28px;border:0;border-radius:8px;background:#F47400;color:#0E2A40;font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer}
.btn-primary:hover{background:#FF8A1F;color:#0E2A40}
.btn-primary[disabled]{opacity:.6;cursor:progress}
.btn-ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 24px;border:1.5px solid #0E2A40;border-radius:8px;background:none;color:#0E2A40;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}
.btn-ghost:hover{background:#0E2A40;color:#FFFFFF}
.res{background:#F2F7FA;color:#0E2A40}
.res-wrap{max-width:1200px;margin:0 auto;padding:clamp(56px,7vw,88px) 24px;display:flex;flex-direction:column;gap:48px}
.res-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 64px}
.res-title{flex:1 1 480px;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:14px}
.res-eyebrow{color:#AD5200}
.res-title h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.02em;outline:none}
.res-lead{font-size:19px;line-height:1.55;color:#4A6275}
.res-meta{font-size:14px;color:#4A6275}
.res-score{display:flex;align-items:baseline;gap:12px}
.res-score .g-num{font-size:96px;color:#0E2A40}
.res-block{display:flex;flex-direction:column;gap:20px}
.res-h3{font-size:24px;line-height:1.2;font-weight:800}
.prio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}
.prio-card{background:#FFFFFF;border:1px solid #D5E1E9;border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:10px}
.prio-card .mono{color:#AD5200}
.prio-card h4{margin:0;font-family:'Red Hat Display','Avenir Next',system-ui,sans-serif;font-size:22px;line-height:1.25;font-weight:800}
.prio-card p{font-size:16px;color:#4A6275}
.prio-card .sf{margin-top:auto;padding-top:12px;border-top:1px solid #D5E1E9;font-size:14px;color:#0E2A40}
.factors{background:#FFFFFF;border:1px solid #D5E1E9;border-radius:8px;overflow:hidden}
.f-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:16px 24px;border-bottom:1px solid #D5E1E9}
.f-row:last-child{border-bottom:0}
.f-name{flex:1 1 220px;font-weight:700}
.meter{display:flex;gap:4px;flex:0 0 132px}
.meter i{flex:1;height:8px;border-radius:4px;background:#D5E1E9}
.meter.l0 i:nth-child(1){background:#F47400}
.meter.l1 i:nth-child(-n+2){background:#194263}
.meter.l2 i{background:#00708A}
.f-label{flex:0 0 132px;font-size:14px;color:#4A6275}
.res-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.res-foot{font-size:14px;color:#4A6275;padding-top:20px;border-top:1px solid #D5E1E9}
@media print{
  .site-header,.skip,footer,#quiz-hero,#what-you-get,#talk,.no-print{display:none!important}
  body,body>div,.res{background:#FFFFFF!important}
  .res-wrap{padding:0;gap:12px}
  .res-head{align-items:center;gap:12px 40px}
  .res-title{gap:8px}
  .res-title h2{font-size:26px}
  .res-lead{font-size:14px}
  .res-score .g-num{font-size:56px}
  .res-block{gap:8px}
  .res-h3{font-size:17px}
  .prio{grid-template-columns:1fr;gap:8px}
  .prio-card{padding:8px 14px;gap:3px}
  .prio-card h4{font-size:16px}
  .prio-card p{font-size:12px}
  .prio-card .mono{font-size:11px}
  .prio-card .sf{margin-top:2px;padding-top:6px;font-size:12px}
  .f-row{padding:4px 14px;font-size:12.5px}
  .f-label{font-size:12px}
  .res-foot{padding-top:10px;font-size:12px}
  .prio-card,.f-row,.res-head{break-inside:avoid}
  .res-h3{break-after:avoid}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* faq */
.faq{display:flex;flex-direction:column;border-top:1px solid #D5E1E9;max-width:880px}
.faq-item{border-bottom:1px solid #D5E1E9}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:22px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:#0E2A40}
.faq-item summary::after{content:"+";flex:0 0 auto;font-family:'Red Hat Display',system-ui,sans-serif;font-size:28px;line-height:1;font-weight:800;color:#F47400}
.faq-item[open] summary::after{content:"\2013"}
.faq-a{padding:0 0 24px;max-width:760px}
.faq-a p{font-size:17px;line-height:1.6;color:#4A6275}
.faq-a a{color:#00708A;font-weight:700}