html:has(.mhj-demo){scroll-behavior:smooth}.mhj-demo{background:var(--mhj-ivory);color:var(--mhj-ink)}.demo-intro{grid-template-columns:1fr 260px;align-items:center;gap:70px;padding-block:80px 68px;display:grid}.mhj-demo .demo-intro h1{max-width:820px;margin:20px 0 24px;font-size:clamp(40px,4.6vw,65px);line-height:1.12}.demo-lead{max-width:600px;color:var(--mhj-muted);font-size:18px;line-height:1.75;margin-bottom:28px!important}.demo-disclaimer{max-width:540px;color:var(--mhj-muted);font-size:12px;line-height:1.7;margin-top:20px!important}.demo-intro-aside{border-left:1px solid #ccd7d5;padding:12px 0 12px 35px}.demo-intro-aside>svg{color:var(--mhj-teal-dark);margin-bottom:20px}.demo-intro-aside p{font-family:var(--mhj-font-serif);font-size:30px;line-height:1.45;margin:0!important}.demo-intro-aside>span:last-child{color:var(--mhj-muted);font-size:12px;line-height:1.8}.demo-progress{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf7f5;border-block:1px solid #dce2df;position:sticky;top:0}.demo-progress>div{justify-content:space-between;gap:8px;padding-block:14px;display:flex;overflow-x:auto}.demo-progress a{white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:8px 9px;font-size:12px;font-weight:600;display:flex}.demo-progress a>span:first-child{color:var(--mhj-teal-dark);font-size:10px;font-weight:700}:is(.demo-progress a:hover,.demo-progress a:focus-visible){color:var(--mhj-teal-dark);background:#e2eeea}.mhj-demo .demo-step{border-bottom:1px solid #dce2df;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding-block:82px;scroll-margin-top:95px;display:grid}.demo-step:last-child{border-bottom:0}.demo-step-copy .mhj-eyebrow{align-items:center;gap:12px;font-size:11px;display:flex}.demo-step-number{border:1px solid #adcac5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:inline-flex}.mhj-demo .demo-step h2{margin:20px 0 24px;font-size:clamp(30px,3.1vw,41px);line-height:1.18}.demo-step-copy>p:not(.mhj-eyebrow){color:var(--mhj-muted);font-size:15px;line-height:1.85}.demo-step-copy .demo-step-note{border-left:2px solid var(--mhj-teal);font-family:var(--mhj-font-serif);margin-top:24px;padding-left:16px;font-style:italic;color:var(--mhj-teal-dark)!important;font-size:18px!important;line-height:1.65!important}.demo-screen{background:#fff;border:1px solid #cad7d5;border-radius:13px;min-width:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 15px 40px #183b3d0c}.demo-screen:hover{transform:translateY(-4px);box-shadow:0 20px 44px #183b3d1c}.demo-screen:focus-visible{outline:3px solid var(--mhj-teal);outline-offset:5px}.demo-screen-bar{background:#fafcfa;border-bottom:1px solid #e1e7e5;align-items:center;gap:12px;padding:15px 18px;font-size:10px;font-weight:600;display:flex}.demo-window-dots{gap:4px;display:flex}.demo-window-dots i{background:#c9d7d4;border-radius:50%;width:6px;height:6px}.demo-screen-badge{color:#71807b;white-space:nowrap;margin-left:auto;font-size:9px;font-weight:400}.demo-screen-body{background:linear-gradient(145deg,#fff,#f5f9f7);align-items:center;min-height:310px;padding:28px;font-size:12px;line-height:1.6;display:flex}.demo-screen-body>div{width:100%}.demo-screen-body small{color:var(--mhj-muted);font-size:10px;display:block}.demo-screen-body strong{font-weight:600}.demo-screen-body h4{margin:4px 0 10px;font-size:16px;font-weight:600}.demo-screen-body svg{color:var(--mhj-teal-dark);flex-shrink:0}.demo-screen-next{color:var(--mhj-teal-dark);background:#e8f3ef;justify-content:space-between;align-items:center;padding:14px 22px;font-size:12px;font-weight:600;display:flex}.demo-screenshot{width:100%;height:auto;display:block}.demo-upload{text-align:center;padding:8px 0}.demo-icon{background:#e5f2ee;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 14px;display:flex}.demo-upload>strong{font-size:18px}.demo-upload>p{color:var(--mhj-muted);margin-top:5px!important}.demo-file{text-align:left;background:#fff;border:1px solid #dce4e0;border-radius:8px;align-items:center;gap:12px;margin:24px 0 18px;padding:16px;display:flex}.demo-file span{flex:1}.demo-file b{font-weight:500}.demo-pretend-button{background:var(--mhj-navy);color:#fff;border-radius:6px;align-items:center;gap:12px;padding:10px 20px;display:inline-flex}.demo-pretend-button svg{color:#fff}.demo-chat{gap:12px;display:grid}.demo-bubble{border-radius:10px;max-width:88%;padding:12px 16px}.demo-bubble b{color:var(--mhj-teal-dark);margin-bottom:4px;font-size:10px;display:block}.demo-bubble.jack{background:#e9f3ef;border-bottom-left-radius:2px}.demo-bubble.person{background:#eef1f6;border-bottom-right-radius:2px;margin-left:auto}.demo-compose{color:#84928d;background:#fff;border:1px solid #d8e1dc;border-radius:6px;justify-content:space-between;padding:11px 14px;font-size:11px;display:flex}.demo-source{background:#eef4f1;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.demo-connect-line{text-align:center;padding:12px}.demo-connect-line svg{display:inline-block}.demo-evidence-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-evidence-grid>div{background:#fff;border:1px solid #dce5e1;border-radius:7px;padding:14px}.demo-evidence-grid small{margin-top:7px}.demo-evidence-grid strong{font-size:12px}.demo-linked{color:var(--mhj-muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.demo-hats>p{text-align:center;font-size:15px;font-weight:600;margin-bottom:18px!important}.demo-hat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-hat-grid>div{text-align:center;background:#fff;border:1px solid #dce5e1;border-radius:9px;padding:10px 8px}.demo-hat-grid img{object-fit:contain;width:70px;height:62px;margin:auto}.demo-hat-grid strong{display:block}.demo-hat-grid small{font-size:9px}.demo-discovery{background:#fff3db;border-radius:7px;align-items:center;gap:12px;margin-top:18px;padding:14px;font-size:11px;display:flex}.demo-search{color:var(--mhj-muted);background:#fff;border:1px solid #dae4de;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:12px;font-size:11px;display:flex}.demo-match{background:#fff;border:1px solid #cddfd5;border-radius:8px;padding:19px}.demo-tag{color:#296448;background:#e5f3ec;border-radius:4px;margin:0 6px 12px 0;padding:3px 7px;font-size:9px;display:inline-block}.demo-match p{align-items:center;gap:7px;font-size:11px;display:flex;margin:6px 0!important}.demo-match.muted{background:#f2f5f3;border-color:#e1e8e3;margin-top:12px}.demo-match.muted h4{font-size:12px}.demo-resumes{gap:14px;display:grid}.demo-resume{background:#fff;border:1px solid #dce5e1;border-radius:8px;align-items:center;gap:14px;padding:20px 16px;display:flex}.demo-resume>span{flex:1}.demo-resume strong{font-size:13px;display:block}.demo-resume small,.demo-resumes .demo-linked{margin-top:4px}.demo-person{align-items:center;gap:14px;display:flex}.demo-person>span{width:48px;height:48px;color:var(--mhj-teal-dark);font-family:var(--mhj-font-serif);background:#dae9e3;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.demo-person strong{font-size:19px}.demo-profile-nav{color:var(--mhj-muted);border-bottom:1px solid #dce5e1;gap:20px;margin:20px 0;font-size:10px;display:flex}.demo-profile-nav span{padding-bottom:9px}.demo-profile-nav span:first-child{color:var(--mhj-teal-dark);border-bottom:2px solid var(--mhj-teal)}.demo-profile>p{color:var(--mhj-muted)}.demo-profile blockquote{font-family:var(--mhj-font-serif);background:#edf3ec;border-radius:6px;margin:18px 0;padding:14px 18px;font-size:19px;line-height:1.5}.demo-update{background:#eef7f0;border:1px solid #c8dfd1;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.demo-update strong{display:block}.demo-timeline{margin:24px 12px}.demo-timeline>div{gap:14px;padding-bottom:23px;display:flex;position:relative}.demo-timeline>div:last-child{padding-bottom:0}.demo-timeline>div:not(:last-child):before{content:"";background:#c9dcd3;width:1px;position:absolute;top:10px;bottom:0;left:4px}.demo-timeline>div>span{background:var(--mhj-teal);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.demo-timeline p{font-weight:500}.demo-timeline small{margin-top:3px;font-weight:400}.demo-growth-options{gap:12px;display:flex}.demo-growth-options span{background:#fff;border:1px solid #d5e1d9;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.mhj-demo .demo-ending{text-align:center;background:#e7efea;padding:70px 0 80px;scroll-margin-top:90px}.demo-ending>.mhj-container>svg{color:var(--mhj-teal-dark);margin:0 auto 22px}.demo-ending h2{margin:20px 0!important}.demo-ending p:not(.mhj-eyebrow){color:var(--mhj-muted);line-height:1.8}.demo-ending>.mhj-container>div{justify-content:center;align-items:center;gap:28px;margin-top:30px;display:flex}.mhj-demo .mhj-footer-meta nav{gap:20px;margin-bottom:12px;font-size:12px;display:flex}.mhj-demo .mhj-footer-meta nav a:hover{text-decoration:underline}@media (max-width:1000px){.demo-intro{grid-template-columns:1fr 200px;gap:35px}.mhj-demo .demo-step{grid-template-columns:.9fr 1.1fr;gap:32px}.demo-screen-body{padding:20px}.demo-progress a{padding:7px 3px;font-size:11px}}@media (max-width:760px){.demo-intro{grid-template-columns:1fr;padding-block:44px}.demo-intro-aside{display:none}.demo-lead{font-size:16px}.demo-progress>div{justify-content:flex-start;gap:18px;width:100%;padding-inline:20px}.mhj-demo .demo-step{grid-template-columns:1fr;gap:30px;padding-block:50px}.demo-step-copy{max-width:580px}.demo-screen{width:100%;max-width:600px;margin:auto}.demo-screen-body{padding:24px}.demo-ending>.mhj-container>div{flex-direction:column;gap:20px}.mhj-demo .demo-intro h1{font-size:45px}.demo-screen-bar{padding:13px}.demo-screen-badge{font-size:8px}}@media (max-width:400px){.mhj-demo .demo-intro h1{font-size:38px}.demo-screen-body{padding:16px}.demo-screen-bar{gap:7px;font-size:9px}.demo-window-dots{display:none}.demo-resume{gap:8px;padding:14px 10px}.demo-resume strong{font-size:12px}.demo-profile-nav{gap:15px}.demo-growth-options{gap:6px}.demo-growth-options span{padding:9px 6px;font-size:10px}}@media (prefers-reduced-motion:reduce){html:has(.mhj-demo){scroll-behavior:auto}.demo-screen{transition:none}.demo-screen:hover{transform:none}}.demo-hat-percent{color:var(--mhj-teal-dark);margin:4px 0;font-size:19px;font-weight:600;display:block}.demo-hat-meter{background:#e5eee9;border-radius:4px;height:4px;margin:6px 12px 10px;overflow:hidden}.demo-hat-meter>span{background:var(--mhj-teal);border-radius:4px;height:100%;display:block}.demo-hats>.demo-hat-explainer{color:var(--mhj-muted);font-size:10px;font-weight:400;margin:14px 0 0!important}.demo-workspace-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.demo-workspace-heading>strong{font-size:16px}.demo-workspace-heading>span{white-space:nowrap;color:#296448;background:#e5f3ec;border-radius:20px;padding:4px 8px;font-size:9px}.demo-workspace-email{background:#edf4f0;border-radius:7px;align-items:center;gap:10px;margin-bottom:14px;padding:13px;display:flex}.demo-workspace-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-workspace-grid>div{background:#fff;border:1px solid #dce5e1;border-radius:7px;padding:14px}.demo-workspace-grid strong{margin-top:9px;font-size:12px;display:block}.demo-workspace-grid small{margin-top:3px}.demo-workspace-pause,.demo-virtual-interview{background:#fff3db;border-radius:7px;align-items:center;gap:11px;margin-top:16px;padding:14px;display:flex}.demo-workspace-pause strong,.demo-virtual-interview strong{font-size:11px;display:block}.demo-wizard-hat{object-fit:contain;width:88px;height:88px;margin:0 auto 20px;display:block}
