/* Generated by scripts/build-public-pages.mjs from styles.css for public pages. Edit styles.css, then rebuild. */
/* Original TrueMatchHR interface. System fonts only; no font or paid asset dependency. */
:root{--ink:#1a322c;--forest:#183d33;--forest2:#285545;--lime:#d7f28b;--lime2:#f0f8d9;--muted:#58675f;--paper:#f7f8f3;--line:#e3e8df;--white:#fff;--peach:#f7e8d9;--rose:#f1dddd;--blue:#e0ecee;--shadow:0 14px 45px #172f2410;--radius:20px;--sidebar:242px;font:15px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}svg{vertical-align:middle}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.045em}h1{font-size:clamp(36px,4.1vw,62px);font-weight:650}h2{font-size:32px;font-weight:620}h3{font-size:21px;font-weight:620}h4{font-size:17px;font-weight:620}small,.small{font-size:12px}p{color:var(--muted)}b,strong{font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #8ab649;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:15px;z-index:999;background:white;padding:12px}.skip-link:focus{top:10px}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.sm{width:16px;height:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1.5px}.brand svg{width:38px;height:38px}.btn{border:1px solid transparent;border-radius:11px;min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #132d2512}.btn.primary{background:var(--forest);color:white}.btn.primary:hover{background:#245342}.btn.lime{background:var(--lime);color:var(--forest)}.btn.secondary{background:white;border-color:var(--line);color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink)}.btn.danger{background:#f8e4e3;color:#a22e37}.btn.small{font-size:12px;padding:7px 12px;min-height:38px}.btn.full{width:100%}.icon-button{border:1px solid var(--line);background:white;border-radius:10px;width:42px;height:42px;display:inline-grid;place-items:center;flex-shrink:0}.text-button{border:0;background:transparent;padding:7px 0;color:var(--forest);font-weight:650;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:38px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#f0f2eb;padding:4px 8px;line-height:1.3;font-size:10px;font-weight:650;letter-spacing:.025em;color:#5e6e61;white-space:nowrap}.badge.green{background:#e9f3de;color:#486935}.badge.blue{background:#e4eff0;color:#467378}.badge.orange{background:#faf0e2;color:#976134}.badge.red{background:#f7e8e9;color:#ae4a51}.dot{width:7px;height:7px;background:#6b9758;border-radius:50%;display:inline-block}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.14em;color:#7e9271;display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.wrap{flex-wrap:wrap}.gap8{gap:8px}.mt{margin-top:24px}.mb{margin-bottom:24px}.divider{height:1px;background:var(--line);margin:22px 0}.empty{padding:55px 20px;text-align:center;max-width:540px;margin:auto}.empty .icon{width:36px;height:36px;margin-bottom:15px;color:#9caa94}.empty h3{margin-bottom:9px}.empty p{margin:0 auto 20px;font-size:14px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.page-head h1{font-size:34px}.page-head p{margin-top:9px;font-size:13px;max-width:610px}.page-head .eyebrow{margin-bottom:8px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.panel.soft{background:#edf2e7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.section-head p{font-size:12px;margin-top:6px}.section-head h3{font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.note{font-size:12px;color:#63705e;padding:13px 16px;background:#f0f4e7;border:1px solid #e1e8d4;border-radius:10px;line-height:1.7}.note.warning{background:#fff4e5;border-color:#f1e0c9;color:#8a623d}.note.error{background:#fcebec;border-color:#f4d9dc;color:#993943}
/* Public marketplace */
.hero{max-width:1260px;min-height:610px;padding:60px 28px 70px;margin:auto;display:grid;grid-template-columns:1.04fr 1fr;gap:35px;align-items:center}.hero h1{font-size:clamp(44px,5.7vw,80px);line-height:1.045;letter-spacing:-.065em;margin-top:23px;margin-bottom:25px;max-width:620px}.hero h1 em{font-style:normal;color:#739453}.hero .intro{font-size:15px;line-height:1.85;max-width:425px}.public-section{max-width:1250px;margin:0 auto;padding:0 28px 75px}.public-section .section-head{margin-bottom:26px}.public-section h2{font-size:34px}.public-section .section-head p{font-size:13px;line-height:1.6;margin-top:12px}.public-section .category-row{margin-bottom:25px}.category-row{display:flex;flex-wrap:wrap;gap:9px}.chip{background:white;border:1px solid var(--line);border-radius:24px;padding:7px 15px;font-size:12px;min-height:38px;color:#7b8375}.chip.active{background:var(--forest);color:white;border-color:var(--forest)}.role-benefit{padding:30px;border:1px solid #dde5d2;border-radius:20px;background:#f6f9f1}.role-benefit h3{margin:23px 0 12px;font-size:23px}.role-benefit p{font-size:13px;line-height:1.85;min-height:77px}.role-benefit .benefit-icon{width:48px;height:48px;background:#e5edda;display:grid;place-items:center;border-radius:13px}.cta-block{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--forest);border-radius:26px;color:white;padding:45px 50px}.cta-block h2{font-size:34px;max-width:620px}.cta-block p{color:#bbcdba;font-size:13px;margin-top:13px}.footer{max-width:1250px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer .brand{font-size:22px}.footer .brand svg{width:27px;height:27px}
/* Hiring workspace */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--forest);color:#c4d1c4;padding:31px 20px 20px;z-index:35;display:flex;flex-direction:column;overflow:auto}.sidebar .brand{color:white;padding:0 12px}.topbar{height:80px;padding:0 36px;border-bottom:1px solid var(--line);background:#fff9;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar .user-block{display:flex;align-items:center;gap:10px;padding-left:17px;border-left:1px solid var(--line)}.user-initials{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7eddf;font-size:11px;font-weight:700;color:#657a54}.user-block .name{font-size:11px;font-weight:650;line-height:1.4}.user-block .caption{font-size:9px;color:var(--muted)}.mobile-menu{display:none}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:0 13px;min-height:44px;min-width:200px;flex:1;max-width:470px;color:#94a187}.search input{background:none;border:0;outline:0;box-shadow:none!important;width:100%;padding:10px 0;font-size:12px}.search .icon{width:17px;height:17px}.toolbar select{width:auto;min-width:145px;font-size:12px;background:white}.portrait{width:58px;height:65px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#e7ecdf;flex-shrink:0}.portrait svg{width:100%;height:100%;display:block}.portrait img{width:100%;height:100%;object-fit:cover}.location{display:flex;align-items:center;gap:5px;color:#85917d;font-size:10px;margin:11px 0 0}.location .icon{width:13px;height:13px}.skill-tags{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0;min-height:26px}.skill{font-size:9px;padding:4px 7px;background:#f3f5ee;color:#78866a;border-radius:5px}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.job-card{border:1px solid var(--line);padding:22px;border-radius:17px;background:white;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.company-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--peach);color:#9b7555;font:600 19px Georgia,serif;flex-shrink:0}.company-logo.teal{background:#e3ece8;color:#567c6a}.job-card .company{font-size:11px;font-weight:550;color:#63705c;margin-bottom:5px}.job-card h3{font-size:19px;min-height:43px;margin-top:20px;line-height:1.28}.job-card .location{margin:8px 0 14px}.job-card .job-pay{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e7;margin-top:18px;padding-top:17px;font-size:11px}.job-pay b{font-size:14px;color:#43563c;font-weight:650}.job-pay small{font-size:9px}.job-card .job-footer{margin-top:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#929b88}.job-card .job-footer .btn{padding:6px 10px;min-height:34px;font-size:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{background:#f3f6ed;color:#7d8875;font-weight:600;font-size:10px;padding:15px 17px;white-space:nowrap;letter-spacing:.02em}.data-table td{padding:15px 17px;border-top:1px solid #ecf0e6;vertical-align:middle}.data-table td .sub{font-size:10px;color:var(--muted);margin-top:5px}.data-table .btn{font-size:10px;padding:6px 9px;min-height:34px}.data-table .portrait{width:34px;height:39px}.data-table select{padding:5px 8px;min-height:33px;font-size:10px;width:auto}.price-card{padding:28px;border:1px solid var(--line);border-radius:19px;background:white;position:relative}.price-card.featured{background:#edf3e4;border-color:#bcd29f}.price-card h3{font-size:22px;margin:16px 0 13px}.price-card .price{font-size:37px;font-weight:650;letter-spacing:-.06em}.price-card .price span{font-size:13px;font-weight:400;letter-spacing:0;color:#738363}.price-card p{font-size:12px;margin:12px 0 23px}.referral-link{padding:18px 20px;background:#f0f4e8;border:1px dashed #b9ce9e;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.referral-link code{font-size:12px;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}.field label{font-weight:600;color:#53654a;font-size:11px}.field .help{font-size:10px;color:#89957e;line-height:1.65}.field.wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #dfe6d5;border-radius:9px;background:#fff;color:var(--ink);padding:11px 12px;min-height:44px;font-size:12px;transition:border-color .2s}textarea{min-height:98px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#bfcfac}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--forest);flex-shrink:0}input[type=file]{padding:10px;font-size:11px}.checkbox-row{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.7;color:#66765c}.checkbox-row input{margin-top:3px}.checkbox-row strong{display:block;color:#455b3d}.checkbox-row p{font-size:11px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.form-error{padding:10px 13px;border:1px solid #f1d5d9;background:#fff0f1;border-radius:8px;color:#a3454d;font-size:12px;margin-bottom:15px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tab{padding:12px 17px 14px;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#8a967e;white-space:nowrap;min-height:44px}.tab.active{border-color:#6e934b;color:var(--forest);font-weight:650}.switcher{max-width:180px}.skeleton{border-radius:12px;background:linear-gradient(100deg,#e8eddf 25%,#f3f5ed 45%,#e8eddf 65%);background-size:220% 100%;animation:shimmer 1.5s linear infinite;height:150px}.skeleton-title{width:250px;height:35px;margin-bottom:25px}
/* Dialogs, client reviews and video */
#modal-root:empty{display:none}.modal-overlay{position:fixed;inset:0;background:#0e261d80;backdrop-filter:blur(5px);z-index:90;display:flex;align-items:center;justify-content:center;padding:26px}.modal{position:relative;width:100%;max-width:590px;max-height:90vh;overflow:auto;border:1px solid #dde6d1;background:var(--paper);box-shadow:0 40px 120px #102a2538;border-radius:23px;padding:30px}.modal.large{max-width:840px}.modal .modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.modal h2{font-size:27px}.modal .modal-sub{font-size:12px;margin-top:8px}.modal .close-dialog{border:0;background:#eaf0e1;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.modal .close-dialog .icon{width:15px;height:15px}.toasts{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;flex-direction:column;gap:10px;max-width:390px}.toast{padding:15px 19px;border-radius:12px;color:white;background:#234f3b;box-shadow:0 10px 30px #18332326;font-size:12px;animation:toastIn .2s ease;display:flex;gap:12px;align-items:center}.toast.error{background:#9b444e}.toast button{background:none;border:0;color:white;margin-left:auto;font-size:17px}.review-page{max-width:1100px;margin:auto;padding:38px 28px;min-height:100vh}.review-lock{max-width:440px;margin:55px auto;padding:34px;border:1px solid var(--line);border-radius:22px;background:white}.review-lock h1{font-size:30px;margin:20px 0 12px}.review-lock p{font-size:12px;margin-bottom:25px}.legal{max-width:840px;margin:auto;padding:40px 24px}.legal h2{margin:30px 0 15px}.legal p{margin-bottom:18px;font-size:14px;line-height:1.9}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes floatOrb{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -20px;rotate:8deg}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{gap:60px}.hero h1{font-size:81px}}
@media(max-width:1180px){:root{--sidebar:214px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 25px}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-section .job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:10px}}
@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;padding-top:35px;min-height:540px}.hero h1{font-size:53px}.hero .intro{font-size:14px}.hero .btn{font-size:11px;padding:10px 13px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.public-section .grid3{grid-template-columns:repeat(3,1fr)}.role-benefit{padding:22px}.role-benefit h3{font-size:20px}.public-section .job-grid{grid-template-columns:repeat(2,1fr)}.public-section .job-grid .job-card:last-child{display:none}.page-head h1{font-size:31px}.cta-block{padding:35px}.cta-block h2{font-size:28px}.user-block .user-label{display:none}}
@media(max-width:720px){:root{--sidebar:0px}.sidebar{width:255px;transform:translateX(-100%);transition:transform .25s}.mobile-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-grid}.topbar{height:69px;padding:0 20px}.topbar .row{gap:10px}.topbar .user-block{padding-left:10px}.hero{grid-template-columns:minmax(0,1fr);padding:32px 23px 30px;gap:0}.hero h1{font-size:58px;max-width:540px}.hero .intro{font-size:14px;max-width:480px}.hero .btn{font-size:12px;padding:11px 18px}.public-section{padding:0 22px 50px}.public-section h2{font-size:29px}.public-section .section-head{align-items:flex-start}.public-section .section-head p{font-size:12px}.public-section .grid3{grid-template-columns:1fr}.role-benefit p{min-height:auto}.role-benefit h3{margin-top:17px}.role-benefit{padding:25px}.cta-block{flex-direction:column;align-items:flex-start;padding:30px}.cta-block h2{font-size:28px}.footer{padding:25px 22px;flex-wrap:wrap;font-size:10px}.footer .row{gap:12px}.page-head{gap:15px;flex-wrap:wrap}.page-head h1{font-size:31px}.page-head p{font-size:12px}.page-head>.row{gap:8px}.page-head .btn{font-size:11px;padding:9px 12px}.panel{padding:21px}.skill{font-size:8px}.toolbar{gap:10px}.toolbar .search{max-width:none;min-width:100%;order:0}.toolbar select{flex:1;min-width:0;font-size:11px}.toolbar .btn{font-size:11px}.toolbar .category-row{width:100%}.job-grid{gap:13px}.job-card{padding:18px}.job-card h3{font-size:17px;min-height:42px}.job-card .job-footer{flex-direction:column;align-items:flex-start}.job-card .job-pay{flex-direction:column;align-items:flex-start;gap:5px}.job-card .company{font-size:10px}.job-card .company-logo{width:35px;height:35px}.job-card .badge{font-size:8px}.grid2{grid-template-columns:1fr}.form-grid{gap:14px}.form-grid .field{grid-column:1/-1}.form-actions{flex-wrap:wrap}.modal-overlay{padding:14px}.modal{padding:23px;max-height:93vh;border-radius:19px}.modal .modal-head{margin-bottom:20px}.modal h2{font-size:25px}.referral-link{align-items:flex-start;flex-direction:column}.referral-link .btn{font-size:11px}.toasts{left:20px;right:20px;bottom:20px;max-width:none}.toast{font-size:11px}.review-page{padding:24px 20px}.review-page .page-head h1{font-size:30px}.review-lock{margin:25px auto;padding:25px}}
@media(max-width:420px){.hero h1{font-size:51px}.public-section .job-grid{grid-template-columns:1fr}.public-section .job-grid .job-card:last-child{display:block}.public-section .job-card h3{min-height:0}.public-section .job-card .job-pay{flex-direction:row;align-items:center}.public-section .job-card .job-footer{flex-direction:row;align-items:center}.grid3{grid-template-columns:1fr}.page-head h1{font-size:29px}.job-grid:not(.public-section .job-grid){grid-template-columns:1fr}.job-card .job-pay,.job-card .job-footer{flex-direction:row;align-items:center}.topbar{padding:0 17px;gap:10px}.topbar>.row{min-width:0}.topbar .mobile-menu,.topbar .user-block{flex-shrink:0}.user-block .user-initials{width:31px;height:31px}.section-head h3{font-size:19px}.section-head .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.footer,.btn,.toolbar{display:none!important}.panel,.job-card{break-inside:avoid}.modal-overlay{position:static;background:white}.modal{max-height:none;max-width:none;box-shadow:none}}



/* TrueMatchHR wordmark fits the existing navigation on every screen. */
.brand{font-size:25px;letter-spacing:-1.15px;white-space:nowrap;gap:9px}.brand svg{width:39px;height:39px;flex-shrink:0}.brand-hr{color:#719548}.sidebar .brand{font-size:23px;padding:0}.sidebar .brand-hr{color:#dafa87}
.development-site{padding-bottom:38px}

/* Account support and email campaign workspace */
.support-banner{position:sticky;top:0;z-index:120;background:#173e35;color:#fff;padding:10px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 10px #0002}
.support-banner label{display:flex;align-items:center;gap:8px}.support-banner select{max-width:240px;padding:8px;border-radius:6px;background:#fff;color:#173e35}
.support-banner .btn{padding:8px 14px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.data-table .row.wrap{min-width:140px}.description{white-space:pre-line}
@media(max-width:640px){.support-banner{font-size:12px;padding:8px;gap:10px}}

/* Candidate galleries and the public role journey pages. */
.candidate-showcase{padding-top:28px;padding-bottom:72px}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.showcase-card{background:#fff;border:1px solid #dce3d6;border-radius:23px;overflow:hidden;box-shadow:0 12px 35px #14362509;transition:transform .2s,box-shadow .2s}.showcase-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #14362516}.showcase-portrait{height:235px;position:relative;background:#e4ebdf;overflow:hidden}.showcase-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.showcase-portrait>span:not(.showcase-status){height:100%;display:grid;place-items:center}.showcase-portrait>span>.icon{width:70px;height:70px}.showcase-status{position:absolute;left:15px;bottom:14px;border-radius:30px;background:#fffffff0;color:#174335;padding:7px 10px;font-size:10px;font-weight:700}.showcase-content{padding:20px}.showcase-content h3{font-size:22px;line-height:1.15}.showcase-title{font-size:12px;line-height:1.5;margin:8px 0;color:#516258;min-height:36px}.showcase-content .small{display:flex;align-items:center;gap:5px}.showcase-content .skill-tags{min-height:26px}.showcase-facts{display:flex;gap:18px;margin:18px 0;font-size:10px;color:#6d7a6f;min-height:32px}.showcase-facts b{display:block;color:#193d2f;font-size:12px;margin-bottom:4px}.how-intro{max-width:1340px;padding:40px 64px 72px;margin:auto}.how-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:center}.how-hero h1{font-size:clamp(42px,4.9vw,70px);line-height:1.04;letter-spacing:-2.8px;margin:20px 0 24px}.how-hero h1 em{font-style:normal;color:#658735}.how-hero .intro{font-size:16px;line-height:1.85;color:#5a6c5b;max-width:610px;margin-bottom:28px}.how-outcome{background:linear-gradient(130deg,#dfe9d5,#eff3e7);border:1px solid #d5dfca;border-radius:30px;padding:40px;box-shadow:0 20px 55px #163b2510}.how-outcome h2{font-size:35px;line-height:1.15;margin:24px 0 18px;letter-spacing:-1px}.how-outcome p{font-size:14px;line-height:1.9;color:#5b6b54}.how-outcome-foot{display:flex;gap:12px;align-items:center;border-top:1px solid #cddbc3;padding-top:25px;margin-top:26px;font-size:12px;font-weight:600}.how-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.how-benefit{border-top:2px solid #d5e1c8;padding:24px 8px 0}.how-benefit h3{font-size:23px;line-height:1.2;margin:24px 0 15px;letter-spacing:-.5px}.how-benefit p{font-size:13px;line-height:1.85;color:#62715d}.how-index{font-size:12px;color:#98a78b}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:30px;margin:35px 0 0}.journey-number{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#173f32;color:#e5f0cc;font-size:13px}.journey-steps h3{font-size:22px;margin:22px 0 12px;line-height:1.2}.journey-steps p{font-size:13px;line-height:1.85;color:#64725c}.how-answers{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding-top:20px}.how-answers>div>p{font-size:14px;line-height:1.8;color:#64725c;margin-top:20px}.how-faq details{border-bottom:1px solid #d8e1ce;padding:20px 0}.how-faq summary{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.5;font-weight:600;cursor:pointer;list-style:none}.how-faq summary::-webkit-details-marker{display:none}.how-faq summary span{font-size:22px;font-weight:400;color:#73935a}.how-faq details[open] summary span{transform:rotate(45deg)}.how-faq p{font-size:13px;color:#64725c;line-height:1.85;margin-top:17px;padding-right:35px}
@media(max-width:1100px){.showcase-grid,.how-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-intro{padding:35px}.how-hero{gap:35px}.how-outcome{padding:28px}.how-outcome h2{font-size:29px}.journey-steps{grid-template-columns:repeat(2,1fr)}.showcase-portrait{height:280px}.how-answers{gap:35px}}
@media(max-width:720px){.how-intro{padding:24px 22px 45px}.how-hero{grid-template-columns:1fr;gap:28px}.how-hero h1{font-size:45px;letter-spacing:-1.8px}.how-hero .eyebrow{font-size:9px;line-height:1.6}.how-hero .intro{font-size:14px}.how-outcome{padding:26px;border-radius:22px}.how-benefit-grid{gap:22px}.how-benefit h3{font-size:20px}.how-benefit p,.journey-steps p{font-size:12px}.how-answers{grid-template-columns:1fr;gap:20px}.how-answers h2{font-size:30px}.journey-steps{gap:25px 20px}.journey-steps h3{font-size:19px}.showcase-grid{gap:14px}.showcase-content{padding:15px}.showcase-content h3{font-size:19px}.showcase-portrait{height:215px}.showcase-status{left:10px;font-size:9px}.showcase-facts{gap:10px;font-size:9px}.showcase-content .btn{font-size:11px}}
@media(max-width:420px){.showcase-grid,.how-benefit-grid{grid-template-columns:1fr}.showcase-portrait{height:310px}.showcase-title{min-height:0}.showcase-content{padding:22px}.showcase-content h3{font-size:24px}.showcase-content .skill-tags{min-height:0}.showcase-facts{min-height:0;font-size:11px}.showcase-facts b{font-size:13px}.how-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}.showcase-card:hover{transform:none}}

/* TrueMatchHR homepage refresh. Scoped to public landing pages. */





























































/* Preserve the original calm hero; repeat only its soft glow below. */




/* Consistent centering and stable hover states for links and buttons. */
.chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
.btn{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
.btn:hover:not(:disabled){transform:none}
.btn.primary:focus-visible{box-shadow:0 0 0 3px #98c9ab66}











@media(prefers-reduced-motion:reduce){.btn,.chip{transition:none}}

/* A quiet navigation tint and subtly alternating listing cards. */

.topbar{background:#eef6f0}
.job-grid>.job-card:nth-child(even),.showcase-grid>.showcase-card:nth-child(even){background:#f2f7f1}
.company-logo{position:relative;flex-shrink:0;overflow:hidden}
.company-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:white;display:block}
.company-logo:has(img) .logo-initial{display:none}
.whatsapp-button{background:#245e40;color:#fff;white-space:nowrap}
.whatsapp-button:hover{background:#174c32;color:white}
.footer{flex-wrap:wrap;gap:20px}
/* Native checkbox groups allow multiple choices without Ctrl-click. */
.multi-filter{position:relative;min-width:0;border:1px solid #d9e5da;border-radius:12px;background:#fff}
.multi-filter>summary{display:flex;gap:8px;align-items:center;justify-content:space-between;cursor:pointer;padding:13px 14px;list-style:none;font-size:12px;font-weight:650}
.multi-filter>summary::-webkit-details-marker{display:none}
.multi-filter>summary:after{content:"⌄";font-size:16px;color:#597761}
.multi-filter[open]>summary:after{content:"⌃"}
.filter-count{margin-left:auto;font-size:10px;font-weight:500;color:#496a54;white-space:nowrap}
.filter-options{border-top:1px solid #e0e9df;padding:8px;max-height:230px;overflow:auto}
.filter-options fieldset{border:0;margin:0;padding:0;min-width:0}
.filter-choice{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:7px;font-size:12px;cursor:pointer}
.filter-choice:hover{background:#eff6ed}
.filter-choice input{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:#286442}
.multi-filter[data-restricted]{background:#f3f5f1;color:#748175}









/* Background tones follow the rendered order, including sections hidden by a count of zero. */

.home-band{position:relative;isolation:isolate;width:100%;overflow:clip;background:#fff;border-bottom:1px solid #e7ede4}
.home-band[data-tone="soft"]{background:#f3f6f0}
.home-band[data-home-key="hero"]{background:var(--paper);border:0;overflow:visible}
.home-band>[data-home-section]{position:relative;z-index:1}
.home-band :is(.public-section,.work-section,.value-strip){background:transparent!important;border:0;margin-bottom:0}
.home-band [data-home-section="values"]{padding-block:28px}
.home-band [data-home-section="how"]{padding-block:64px}
.home-band [data-home-section="how"]>.public-section{padding-block:0}
.home-band :is(.public-section,.work-section,.candidate-showcase,.cta-block)::before,
.home-band :is(.public-section,.work-section,.candidate-showcase,.cta-block)::after{content:none!important}
.how-page{overflow:clip}
.network-reach{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:#1e6545}
.network-reach-number{display:inline-grid;font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;min-width:6ch}
.network-reach-number>span{grid-area:1/1;white-space:nowrap}
.network-reach-reserve{visibility:hidden}
.network-reach-label{font-size:9px;font-weight:750;letter-spacing:.12em;line-height:1.6;white-space:nowrap;color:#437657}


.whatsapp-apply{padding:16px;background:#f1f7ed;border:1px solid #dbe7d7;border-radius:12px}
@media(max-width:900px){.home-band [data-home-section="how"]{padding-block:44px}}
@media(max-width:720px){.home-band [data-home-section="values"]{padding-block:20px}.network-reach{gap:10px}.network-reach-number{font-size:30px}.network-reach-label{font-size:9px}}
@media(max-width:470px){.network-reach{flex-basis:100%}.whatsapp-apply .btn{width:100%}}



/* Listing cards retain a distinct surface when homepage section order changes. */
:is(.showcase-card,.talent-card,.job-card){
 --card-elevation:0 2px 5px rgba(24,61,43,.045),0 12px 28px -12px rgba(24,61,43,.14),0 28px 54px -34px rgba(24,61,43,.22);
 --card-selection-ring:0 0 0 0 transparent;
 background:var(--listing-surface,#fff);
 border:1px solid rgba(44,89,59,.2);
 box-shadow:var(--card-selection-ring),var(--card-elevation);
 transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1);
}
.home-band[data-tone="white"]{
 --listing-surface:#f5f8f2;
 --listing-surface-alternate:#edf4eb;
}
.home-band[data-tone="soft"]{
 --listing-surface:#fff;
 --listing-surface-alternate:#fbfdf9;
}
:is(.job-grid,.talent-grid,.showcase-grid,.review-candidates)>:is(.showcase-card,.talent-card,.job-card):nth-child(even){
 background:var(--listing-surface-alternate,#f6faf5);
}
:is(.showcase-card,.talent-card,.job-card) :is(.location,.talent-meta,.showcase-facts,.job-footer),
.showcase-content .small{color:#617164}
:is(.showcase-card,.talent-card,.job-card) .skill{background:#e9f1e6;color:#49654e}
:is(.showcase-card,.talent-card,.job-card) :is(.talent-meta,.job-pay){border-top-color:rgba(44,89,59,.13)}
/* The buttons remain the actions; a card itself does not acquire a pointer cursor. */
:is(.showcase-card,.talent-card,.job-card):hover{
 transform:none;
 border-color:rgba(44,89,59,.2);
 box-shadow:var(--card-selection-ring),var(--card-elevation);
}
:is(.showcase-card,.talent-card,.job-card):focus-within{
 border-color:#7ca48c;
 outline:2px solid rgba(75,136,96,.2);
 outline-offset:3px;
}

@media(hover:hover) and (pointer:fine){
 :is(.showcase-card,.talent-card,.job-card):hover{
  --card-elevation:0 2px 6px rgba(24,61,43,.045),0 18px 34px -13px rgba(24,61,43,.19),0 36px 60px -32px rgba(24,61,43,.22);
  border-color:rgba(44,89,59,.34);
  transform:translateY(-4px);
 }
 
}
@media(prefers-reduced-motion:reduce){
 :is(.showcase-card,.talent-card,.job-card){transition:none}
 :is(.showcase-card,.talent-card,.job-card):hover{transform:none}
}
@media(forced-colors:active){
 :is(.showcase-card,.talent-card,.job-card),
 :is(.showcase-card,.talent-card,.job-card):hover,
 :is(.job-grid,.talent-grid,.showcase-grid,.review-candidates)>:is(.showcase-card,.talent-card,.job-card):nth-child(even){
  background:Canvas;border-color:CanvasText;box-shadow:none;
 }
 :is(.showcase-card,.talent-card,.job-card):focus-within{outline-color:Highlight}
 
}
@media print{
 :is(.showcase-card,.talent-card,.job-card),
 :is(.showcase-card,.talent-card,.job-card):hover,
 :is(.job-grid,.talent-grid,.showcase-grid,.review-candidates)>:is(.showcase-card,.talent-card,.job-card):nth-child(even){
  background:#fff;box-shadow:none;transform:none;outline:0;
 }
}

/* One fixed canvas scene: negative stacking behind content, above section colour planes. */
#app{position:relative;isolation:isolate}
/* Original section tones remain solid, without painting over the background canvas. */
.how-page,.home-band{isolation:auto}


.home-band{background:transparent}
.home-band[data-tone="soft"]{background:transparent}
.home-band::before{content:"";position:absolute;inset:0;background:#fff;z-index:-2;pointer-events:none}
.home-band[data-tone="soft"]::before{background:#f3f6f0}
.home-band>[data-home-section]{z-index:auto}
.home-band[data-home-key="hero"]{z-index:0;background:var(--paper)}
.home-band[data-home-key="hero"]::before{content:none}
.topbar,.footer{position:relative;z-index:3}
#app>main{position:relative;z-index:2}
.how-page main>section{position:relative;isolation:auto}
.how-page main>section>*{position:relative;z-index:2}



/* Website appearance controls keep colour surfaces separate from the canvas. */
.home-band[data-tone="white"]{--listing-surface:var(--appearance-white-card,#f5f8f2);--listing-surface-alternate:var(--appearance-white-card-alternate,#edf4eb);--section-ink:var(--appearance-white-ink,#1a492f);--section-muted:var(--appearance-white-muted,#506b59)}
.home-band[data-tone="soft"]{--listing-surface:var(--appearance-soft-card,#fff);--listing-surface-alternate:var(--appearance-soft-card-alternate,#fbfdf9);--section-ink:var(--appearance-soft-ink,#1a492f);--section-muted:var(--appearance-soft-muted,#506b59)}
.home-band::before{background:var(--appearance-white-section,#fff)}
.home-band[data-tone="soft"]::before{background:var(--appearance-soft-section,#f3f6f0)}
.home-band[data-home-key="hero"]{z-index:auto;background:transparent}
.home-band[data-home-key="hero"]::before{content:"";background:var(--appearance-hero,#f7f8f3)}




.home-band .section-head h2{color:var(--section-ink,#1a492f)}
.home-band .section-head p,.home-band .section-head .eyebrow{color:var(--section-muted,#506b59)}


.footer{background:var(--appearance-footer,#f7f8f3);color:var(--appearance-footer-ink,#476651)}
.footer .brand,.footer .brand-hr{color:var(--appearance-footer-brand,#13813f)}



:is(.showcase-card,.talent-card){--card-text:var(--appearance-candidate-ink,#234c33);--card-muted:var(--appearance-candidate-muted,#617164);background:var(--appearance-candidate-card,var(--listing-surface,#fff))}
.job-card{--card-text:var(--appearance-job-ink,#234c33);--card-muted:var(--appearance-job-muted,#617164);background:var(--appearance-job-card,var(--listing-surface,#fff))}
:is(.showcase-grid,.talent-grid,.review-candidates)>:is(.showcase-card,.talent-card):nth-child(even){--card-text:var(--appearance-candidate-ink-alternate,#234c33);--card-muted:var(--appearance-candidate-muted-alternate,#617164);background:var(--appearance-candidate-card-alternate,var(--listing-surface-alternate,#f6faf5))}
.job-grid>.job-card:nth-child(even){--card-text:var(--appearance-job-ink-alternate,#234c33);--card-muted:var(--appearance-job-muted-alternate,#617164);background:var(--appearance-job-card-alternate,var(--listing-surface-alternate,#f6faf5))}
:is(.showcase-card,.talent-card,.job-card){color:var(--card-text)}
:is(.showcase-card,.talent-card,.job-card) :is(h3,.talent-meta b,.showcase-facts b,.job-pay strong){color:var(--card-text)}
:is(.showcase-card,.talent-card,.job-card) :is(p,.company,.location,.talent-meta,.showcase-facts,.job-footer,.muted,.showcase-title),.showcase-content .small{color:var(--card-muted)}






@media(forced-colors:active){.footer{background:Canvas;color:CanvasText}:is(.showcase-card,.talent-card,.job-card){color:CanvasText}}

/* Super admin appearance controls and compact colour previews. */









.appearance-color>label{font-size:12px;font-weight:650;color:#304c3b;line-height:1.45}

.appearance-color{min-width:0}
.appearance-color>label{display:block;margin-bottom:8px}






























/* Private WhatsApp operations workspace. */
.whatsapp-help{border:1px solid var(--whatsapp-border);background:#fff;padding:19px;border-radius:12px}.whatsapp-help p{max-width:900px;margin:8px 0 14px;font-size:13px;line-height:1.7}







/* Database-driven WhatsApp prompt editor. */
.wa-prompt-group{border:1px solid #d6e2d8;border-radius:14px;background:#fff;overflow:hidden}.wa-prompt-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 21px;background:#f3f8f3;color:#234a35;font-size:15px;font-weight:700;cursor:pointer}.wa-prompt-group>summary:focus-visible{outline:3px solid #82b58f;outline-offset:-3px}.wa-prompt-group>summary>span{font-size:12px;font-weight:500;color:#587363}.wa-prompt-field{padding:23px;border-top:1px solid #e4ece5;min-width:0}.wa-prompt-field[hidden],.wa-prompt-group[hidden]{display:none}.wa-prompt-field>textarea{display:block;box-sizing:border-box;width:100%;min-height:130px;resize:vertical;border:1px solid #cbdace;border-radius:10px;background:#fbfdfb;color:#23382a;font:13px/1.7 inherit;padding:14px 16px}.wa-prompt-field>textarea[data-json=true]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}.wa-prompt-field>textarea:focus{outline:2px solid #78ad87;outline-offset:2px;background:white}.wa-prompt-help{border-left:3px solid #d2e3d6;padding:3px 0 3px 13px;margin-top:13px;color:#5b7062;font-size:12px;line-height:1.7}.wa-prompt-help p{margin:4px 0}.wa-prompt-help strong{font-weight:650;color:#36563f}.wa-prompt-help code{font-size:11px;background:#edf4ed;border-radius:4px;padding:2px 4px;overflow-wrap:anywhere}
.wa-prompt-field>textarea{font-family:inherit;font-size:13px;line-height:1.7}.wa-prompt-field>textarea[data-json=true]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
@media(max-width:700px){.wa-prompt-field{padding:17px}.wa-prompt-group>summary{padding:16px}}

/* Public navigation and recoverable profile onboarding. */
.public-mobile-menu{display:none;position:relative}.public-mobile-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid #b7cec0;border-radius:10px;padding:9px 12px;min-height:44px;color:var(--appearance-header-ink,#245f3c);background:#ffffffc9}.public-mobile-menu summary::-webkit-details-marker{display:none}.public-mobile-menu nav{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 36px));padding:14px;display:grid;gap:4px;border:1px solid #c2d8c8;border-radius:14px;background:white;box-shadow:0 4px 8px #173e3510,0 18px 40px #173e351a;z-index:100}.public-mobile-menu nav>a{padding:9px 12px;min-height:44px;border-radius:8px;font-size:14px;color:#234f36}.public-mobile-menu nav>a:hover{background:#edf5ef}.public-mobile-menu nav>.btn{margin-top:7px}[data-onboarding-stage][hidden],[data-step-indicator][hidden]{display:none!important}.workflow-symbol{display:grid;place-items:center;width:92px;height:92px;margin:22px auto;border:1px solid #bfd6c8;background:#ebf5ec;border-radius:26px;color:#2d7450}.workflow-symbol>.icon{width:44px;height:44px}.workflow-symbol.small{width:54px;height:54px;margin:15px 0 0;border-radius:14px}.workflow-symbol.small>.icon{width:30px;height:30px}.workflow-art-step{display:flex;gap:10px;align-items:center;padding:9px;border:1px solid #deeadf;border-radius:9px;margin-top:8px;font-size:12px;color:#355b43;background:#fbfdf9}.admin-module-tools{margin-bottom:14px}.admin-module-tools .search{max-width:440px}.config-search-results{font-size:13px;line-height:1.7;margin-top:8px;color:#3e624b}.config-search-results a{text-decoration:underline}.config-section-nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;margin:12px 0 24px}.config-section-nav a{border:1px solid #d3e2d5;border-radius:8px;padding:6px 10px;font-size:12px;color:#315c41;background:#f8fbf7}.config-match{outline:2px solid #45835d;outline-offset:7px;scroll-margin-top:90px}.config-section-nav~form h3,[id^=config-]{scroll-margin-top:90px}.public-section .small:not(.btn),.public-section .help,.legal p{color:var(--muted,#58675f)}.field .help,.checkbox-row p{color:#58675f}.public-live-note{color:#58675f}
@media(max-width:900px){.public-mobile-menu{display:block;margin-left:auto}}
@media(max-width:600px){.public-mobile-menu summary{font-size:12px;padding:8px 10px}.config-section-nav{flex-wrap:nowrap;overflow-x:auto}.config-section-nav a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.public-mobile-menu nav,.workflow-art-step{transition:none}}

/* Every admin module stays available in the existing left navigation. */
.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px}
.admin-sidebar-nav .admin-side-link{width:100%;border:1px solid transparent;background:none;color:inherit;text-align:left;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.45;min-height:44px;padding:10px 12px;margin:0}
.admin-sidebar-nav .admin-side-link .icon{flex-shrink:0}
.admin-sidebar-nav .admin-side-link:hover{background:#284d40;color:white}
.admin-sidebar-nav .admin-side-link.active{background:var(--lime);color:var(--forest);font-weight:650}
.admin-sidebar-nav .admin-side-link.config-module-match:not(.active){border-color:#b5ce91;background:#315644;color:#fff}
.admin-sidebar-nav .admin-side-link:focus-visible{outline:2px solid #dafa87;outline-offset:2px}
.admin-module-tools .config-search-results .text-button{font-size:13px;min-height:32px;padding:2px 4px;text-decoration:underline;color:#245b3c}
@media(max-width:720px){.admin-sidebar-nav{padding-bottom:6px}.admin-sidebar-nav .admin-side-link{font-size:13px;min-height:45px}}

























/* Listing rows keep the same controls and data as the card template. */
.job-grid.job-list-rows{grid-template-columns:minmax(0,1fr)}
.job-card.job-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(220px,1.8fr) minmax(145px,.8fr) auto;align-items:center;gap:24px;padding:24px;min-width:0}
.job-row-information h3{margin:0 0 8px;line-height:1.3}.job-row-information .skill-tags{margin:12px 0 0}.job-row-company,.job-row-information,.job-row-earnings{min-width:0}
.job-row-company .company{overflow-wrap:anywhere}.job-row .company-logo{flex:none}.job-row .job-pay{padding:0;margin:0 0 8px;border:0;display:block}.job-row .job-pay .badge{margin-top:10px}.job-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.job-row-actions .btn{white-space:nowrap}
.job-pay .job-earnings-label{display:block;margin:0 0 6px;font-size:11px;line-height:1.4;font-weight:600;color:inherit}.job-whatsapp{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:#1a9e4c;color:#fff;box-shadow:0 2px 6px rgba(26,158,76,.25);transition:background .15s,transform .15s}.job-whatsapp .icon{width:18px;height:18px}.job-whatsapp:hover{background:#168a45;transform:translateY(-1px)}.job-whatsapp:focus-visible{outline:3px solid #417557;outline-offset:3px}

.public-breadcrumbs{margin:6px 0 28px;font-size:12px;line-height:1.6;color:#526a5b}.public-breadcrumbs ol{display:flex;align-items:center;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.public-breadcrumbs li{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}.public-breadcrumbs li+li::before{content:'›';font-size:18px;line-height:1;color:#8ba191}.public-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.public-breadcrumbs [aria-current]{color:#1b462e;font-weight:600}
/* Popovers remain inside their forms in the DOM and paint above clipping containers. */
.filter-options[popover]{position:fixed;inset:auto;margin:0;padding:14px;border:1px solid #cbdcd1;border-radius:14px;background:#fff;color:#173f2c;box-shadow:0 16px 44px #183f2c26;overflow:auto;overscroll-behavior:contain;z-index:1200;box-sizing:border-box}
.filter-options[popover]::backdrop{background:transparent}.filter-options fieldset{min-width:0;padding:0;border:0}.filter-options .filter-choice{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;line-height:1.45;font-size:13px;cursor:pointer;overflow-wrap:anywhere}.filter-options .filter-choice:hover{background:#eef5ef}.filter-options .filter-choice:focus-within{outline:2px solid #417557;outline-offset:-2px;background:#eef5ef}.filter-options .filter-choice[hidden]{display:none!important}.filter-options input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#28623d}.filter-search-label{display:block;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:10px;background:#fff}.filter-search-label input{display:block;width:100%;min-height:40px;margin-top:6px}.multi-filter>summary{min-height:44px;gap:12px}.multi-filter>summary:focus-visible{outline:3px solid #417557;outline-offset:2px}select{color:#173f2c}select option{background:#fff;color:#173f2c}

.photo-viewer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;padding:20px;border:0;border-radius:0;background:#0c1713f7;color:#fff;overflow:hidden;box-sizing:border-box}.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer::backdrop{background:#0c1713}.photo-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none}.photo-viewer-counter{font-size:14px;line-height:1.5;color:#fff}.photo-viewer button{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#ffffff15;color:#fff;cursor:pointer}.photo-viewer button:hover{background:#ffffff30}.photo-viewer button:focus-visible{outline:3px solid #dafa87;outline-offset:3px}.photo-viewer button[hidden]{display:none}.photo-viewer .icon{width:24px;height:24px}.photo-viewer-stage{display:flex;align-items:center;justify-content:center;gap:20px;min-height:0;flex:1;padding:20px 0;touch-action:pan-y pinch-zoom}.photo-viewer-stage figure{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;height:100%;margin:0}.photo-viewer-stage img{display:block;object-fit:contain;width:100%;max-height:calc(100% - 40px);flex:1;min-height:0}.photo-viewer-stage figcaption{font-size:13px;line-height:1.5;text-align:center;padding:10px 0 0;flex:none}.photo-viewer-previous .icon{transform:rotate(180deg)}.photo-viewer-help{text-align:center;font-size:12px;line-height:1.5;margin:0;color:#c4d8cb;flex:none}
@media(max-width:1100px){.job-card.job-row{grid-template-columns:minmax(130px,.7fr) minmax(180px,1.3fr) auto;gap:18px}.job-row-earnings{grid-column:2}.job-row-actions{grid-column:3;grid-row:1 / span 2}}
@media(max-width:720px){.job-card.job-row{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.job-row-earnings,.job-row-actions{grid-column:auto;grid-row:auto}.job-row-actions{justify-content:space-between;padding-top:16px;border-top:1px solid #d4e5da}.job-row-actions .btn{flex:1;justify-content:center}.public-breadcrumbs{margin-bottom:20px;font-size:11px}.photo-viewer{padding:12px}.photo-viewer-stage{gap:8px;padding:14px 0}.photo-viewer-stage>button{width:40px;height:40px}.photo-viewer-help{font-size:11px}.photo-viewer-stage figcaption{font-size:12px}.filter-options .filter-choice{padding:12px 8px}}


/* Interactive tooltips, conversion credit-gate modals, and monetization badges. */
.tm-tip{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;cursor:help;outline:none}
.tm-tip-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e4efe7;border:1px solid #b8d1c0;color:#1b5237;font-size:11px;font-weight:700;line-height:1;transition:background .15s,color .15s}
.tm-tip:hover .tm-tip-icon,.tm-tip:focus-visible .tm-tip-icon,.tm-tip:focus-within .tm-tip-icon{background:#173e35;color:#dafa87;border-color:#173e35}
.tm-tip-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:290px;padding:11px 13px;border-radius:12px;background:#173e35;color:#f5faf6;font-size:12px;font-weight:400;line-height:1.55;box-shadow:0 10px 28px rgba(15,42,32,.26);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:220;text-align:left;white-space:normal}
.tm-tip:hover .tm-tip-pop,.tm-tip:focus-visible .tm-tip-pop,.tm-tip:focus-within .tm-tip-pop{opacity:1;visibility:visible}
.tm-tip-pop strong{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dafa87;font-size:12px;font-weight:700;margin-bottom:4px}
.tm-tip-cost{display:inline-block;padding:2px 7px;border-radius:99px;background:rgba(218,250,135,.18);color:#dafa87;font-size:10px;font-weight:700;white-space:nowrap}
.credit-gate-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;padding:14px;border-radius:14px;background:#f3f8f4;border:1px solid #CFE0D4}
.credit-gate-summary div{display:flex;flex-direction:column;gap:4px}
.credit-gate-summary small{font-size:11px;color:#546c5c;text-transform:uppercase;letter-spacing:.04em}
.credit-gate-summary b{font-size:18px;color:#173e35}
.credit-gate-benefits{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.credit-gate-benefits li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#274a35;line-height:1.5}
.credit-gate-benefits li .icon{width:16px;height:16px;color:#1d6b44;flex-shrink:0;margin-top:2px}
.job-card.featured-job{border:2px solid #2b7a50;background:linear-gradient(180deg,#f9fdf9 0%,#ffffff 100%);box-shadow:0 8px 26px rgba(23,62,53,.09)}




@media(max-width:640px){.credit-gate-summary{grid-template-columns:1fr}.tm-tip-pop{left:auto;right:0;transform:none;max-width:240px}}

/* Interface language switcher and right-to-left (Arabic) layout */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lang-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit}
.lang-switch .icon{width:16px;height:16px;flex:none}
.lang-switch select{appearance:auto;font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid var(--line,#d9dfd5);border-radius:8px;padding:5px 8px;min-height:32px;cursor:pointer}
.lang-switch select:focus-visible{outline:2px solid var(--forest,#173e35);outline-offset:2px}
.footer .lang-switch select{border-color:#c9d3c5}


@media(max-width:720px){.public-lang{order:2}.topbar-lang{display:none}}
[dir=rtl] body{direction:rtl}
[dir=rtl] .sidebar{inset:0 0 0 auto}

[dir=rtl] .toasts{right:auto;left:24px}
[dir=rtl] .checkbox-row,[dir=rtl] th,[dir=rtl] td{text-align:start}
[dir=rtl] .i-arrow,[dir=rtl] .i-chevron{transform:scaleX(-1)}
[dir=rtl] .tm-tip-pop{text-align:right}
[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=tel],[dir=rtl] .referral-link code{direction:ltr;text-align:left}
@media(max-width:720px){[dir=rtl] .sidebar{transform:translateX(100%)}[dir=rtl] body.mobile-open .sidebar{transform:translateX(0)}[dir=rtl] .toasts{left:20px;right:20px}}
@media(max-width:480px){.topbar .row{min-width:0}}
/* A closed tooltip takes no space: an invisible one near the window edge would otherwise widen the page (horizontal scrollbar). */
.tm-tip:not(:hover):not(:focus):not(:focus-within) .tm-tip-pop{display:none}
/* Shortlist comment threads */

.comment{border:1px solid var(--line,#e2e8e4);border-radius:12px;padding:9px 11px;background:var(--surface,#fff)}


.comment p{margin:4px 0 0;white-space:pre-line;font-size:13px}



/* ---- Owner mandate, October 2026: account menu, clients, badges, imports, rewards, outreach, Email Studio ---- */
.focus-flash{animation:focus-flash 2.6s ease-out}
@keyframes focus-flash{0%,35%{box-shadow:0 0 0 4px #c6ec6b,0 18px 40px #172f241f}100%{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.focus-flash{animation:none;outline:3px solid #c6ec6b}}
.badge.lime{background:#eef7d4;color:#2f5d38;border-color:#d7ec9f}
.account-menu{position:relative}
.account-trigger{background:transparent;border:1px solid transparent;border-radius:14px;padding:5px 10px 5px 5px;cursor:pointer;display:flex;align-items:center;gap:10px;color:inherit;font:inherit;transition:background .2s ease,border-color .2s ease}
.account-trigger:hover,.account-menu.open .account-trigger{background:var(--white);border-color:var(--line)}
.account-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.account-menu.open .account-trigger svg:last-child{transform:rotate(180deg)}
.account-trigger svg:last-child{transition:transform .2s ease}
.account-menu-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(320px,calc(100vw - 32px));background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #172f2426;padding:8px;animation:menu-in .18s cubic-bezier(.2,.8,.2,1)}
[dir="rtl"] .account-menu-pop{right:auto;left:0}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.account-menu-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);display:grid;gap:2px}.account-menu-head small{color:var(--muted)}
.account-menu-group{padding:6px 0;display:grid;gap:2px}.account-menu-group+.account-menu-group{border-top:1px solid var(--line)}
.account-menu-item{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:start;background:none;border:0;border-radius:12px;padding:10px 12px;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}
.account-menu-item:hover,.account-menu-item:focus-visible{background:var(--lime2);outline:none}
.account-menu-item>span{display:grid;gap:2px}.account-menu-item small{color:var(--muted);font-size:12.5px}

.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;border:0;padding:0;margin:0}
.role-card{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;background:var(--white);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.role-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.role-card input{position:absolute;opacity:0;pointer-events:none}
.role-card:has(input:checked){border-color:var(--forest);box-shadow:0 0 0 3px #d7f28b80;background:linear-gradient(160deg,#fff,var(--lime2) 160%)}
.role-card:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:2px}
.role-card-icon{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--forest);color:var(--lime)}
.role-card-text{display:grid;gap:4px}.role-card-text small{color:var(--muted);line-height:1.45}
/* clients */









/* badges and nudges */
.company-badges{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.company-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#e8f1ff;color:#24456b;font-size:11.5px;font-weight:600}
.boost-nudge{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#fff8e1,#f3fbe1);border:1px solid #efe2a8;animation:nudge-in .5s cubic-bezier(.2,.8,.2,1)}
.boost-nudge>div{flex:1;display:grid;gap:2px}.boost-nudge>div>span{font-size:13px;color:var(--muted)}
@keyframes nudge-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}





/* imports and API docs */





/* rewards tracker */


/* white-label preview */








/* outreach admin */


















/* Email Studio */







.studio{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1.15fr);gap:20px;align-items:start}










#studio-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:14px;background:#f4f5ef;transition:width .3s ease}
#studio-frame.mobile{width:390px;max-width:100%;justify-self:center}
@media(max-width:900px){.studio{grid-template-columns:1fr}#studio-frame{height:520px}}
@media(prefers-reduced-motion:reduce){.account-menu-pop,.boost-nudge{animation:none}.role-card{transition:none}.role-card:hover{transform:none}}

/* ---- CV layout sketches (moved from cv-builder.css so public pages render them on first paint) ---- */
.cv-preview-paper{height:184px;overflow:hidden;background:white;border:1px solid #e3e7e3;box-shadow:0 4px 10px #24382c09;border-radius:2px;padding:17px 13px}
.cv-preview-header{padding-bottom:11px;border-bottom:1px solid #515a55;margin-bottom:10px}
.cv-preview-name,.cv-preview-role,.cv-preview-contact,.cv-preview-section>span{display:block;border-radius:1px;background:#c2c9c5;height:3px;margin:4px 0}
.cv-preview-name{width:65%;height:7px;background:#324d3e}
.cv-preview-role{width:80%;height:4px}
.cv-preview-contact{width:90%;height:2px}
.cv-preview-section{margin-bottom:10px}
.cv-preview-section .cv-preview-heading{height:4px;width:38%;background:#576c5e;margin-bottom:6px}
.cv-preview-section .short{width:65%}
.cv-preview-fun{border-left:4px solid #b4acd4}
.cv-preview-fun .cv-preview-header{background:#eef7f3;border:0;border-radius:6px;padding:10px;margin-left:-5px;margin-right:-5px}
.cv-preview-fun .cv-preview-name,.cv-preview-fun .cv-preview-heading{background:#167366}
.cv-preview-classy .cv-preview-header{text-align:center;border-bottom-color:#b8a78b}
.cv-preview-classy .cv-preview-header>span{margin-left:auto;margin-right:auto}
.cv-preview-classy .cv-preview-name{height:5px;background:#766449}
.cv-preview-classy .cv-preview-heading{background:#9a8768;height:3px}
.cv-preview-vibrant{padding-top:0}
.cv-preview-vibrant .cv-preview-header{margin:0 -13px 11px;padding:19px 13px 13px;background:#124f3e;border-bottom:4px solid #a7d7be}
.cv-preview-vibrant .cv-preview-header>span{background:#c4e5d3}
.cv-preview-vibrant .cv-preview-heading{background:#b7d7c4;width:100%;height:6px}
.cv-preview-simple .cv-preview-header{border:0;margin-bottom:9px}
.cv-preview-simple .cv-preview-name{height:5px}
.cv-preview-simple .cv-preview-section{margin-bottom:15px}
.cv-preview-simple .cv-preview-heading{height:3px}
.cv-preview-header{position:relative;min-height:46px;padding-right:29px}
.cv-preview-photo{position:absolute;right:0;top:0;width:28px;height:32px;border:1px solid #d7ded9;border-radius:2px;overflow:hidden;background:#eaf0ec;display:grid;place-items:center}
.cv-preview-photo img{width:100%;height:100%;object-fit:cover}
.cv-preview-photo svg{width:20px;height:20px;color:#729181}
.cv-preview-fun .cv-preview-header{padding-left:35px;padding-right:5px}
.cv-preview-fun .cv-preview-photo{left:4px;right:auto;top:10px;border-radius:50%;height:28px;border:2px solid #cbc1e7}
.cv-preview-classy .cv-preview-header{padding:31px 0 9px}
.cv-preview-classy .cv-preview-photo{left:calc(50% - 14px);height:28px;top:0;border-radius:50%}
.cv-preview-vibrant .cv-preview-photo{right:9px;top:19px;border:2px solid #d4ebdd}
.cv-preview-vibrant .cv-preview-header{padding-right:42px}
.cv-preview-simple .cv-preview-photo{width:23px;height:23px;border-radius:50%}
.cv-preview-simple .cv-preview-header{padding-left:31px;padding-right:0}
.cv-preview-simple .cv-preview-photo{left:0;right:auto}
.cv-preview-classy .cv-preview-header>.cv-preview-photo{margin:0}
.cv-preview-vibrant .cv-preview-header>.cv-preview-photo{background:#e8f1eb}
.cv-preview-executive{padding-top:0}
.cv-preview-executive .cv-preview-header{margin:0 -13px 11px;padding:17px 42px 12px 13px;background:#1f2a30;border-bottom:3px solid #c9a45c}
.cv-preview-executive .cv-preview-name{background:#fff}
.cv-preview-executive .cv-preview-role{background:#e8d6a8}
.cv-preview-executive .cv-preview-contact{background:#7d8a91}
.cv-preview-executive .cv-preview-heading{background:#9a7a3c;height:3px}
.cv-preview-executive .cv-preview-photo{right:9px;top:15px;border:2px solid #fff;background:#2c3a41}
.cv-preview-modern .cv-preview-header{border:0;padding:12px 0 6px 35px;border-top:4px solid #0f766e;border-image:linear-gradient(90deg,#99d5cd 22%,#0f766e 22%) 1}
.cv-preview-modern .cv-preview-photo{left:0;right:auto;top:10px;width:28px;height:28px;border-radius:50%;border:2px solid #99d5cd}
.cv-preview-modern .cv-preview-name{background:#0f766e}
.cv-preview-modern .cv-preview-heading{background:#bfe3de;height:7px;width:100%;border-radius:4px}
.cv-preview-elegant .cv-preview-header{text-align:center;padding:31px 0 9px;border-bottom-color:#dcc6d6}
.cv-preview-elegant .cv-preview-header>span{margin-left:auto;margin-right:auto}
.cv-preview-elegant .cv-preview-photo{left:calc(50% - 14px);height:28px;top:0;border-radius:50%;border:2px solid #d6b9cc;margin:0}
.cv-preview-elegant .cv-preview-name{height:5px;background:#7a4f6d}
.cv-preview-elegant .cv-preview-heading{background:#a97f9c;height:3px}
/* ---- CV sheet: live HTML likeness of the eight PDF layouts (sizes scale with the container) ---- */
.cv-sheet-wrap{container-type:inline-size;width:100%}
.cv-sheet{--cv-accent:#222;--cv-muted:#555;--cv-ink:#2b302d;--cv-band:#f4f4f4;--cv-rule:#d6d6d6;--cv-font:Inter,"Segoe UI",Arial,sans-serif;position:relative;aspect-ratio:210/297;overflow:hidden;background:#fff;color:var(--cv-ink);font:400 1.62cqw/1.5 var(--cv-font);padding:5.6cqw 6.2cqw 7.4cqw;border-radius:.7cqw;box-shadow:0 1px 0 #0000000d,0 18px 44px #172f2422;text-align:start}
.cv-sheet *{margin:0;box-sizing:border-box}
.cv-sheet-head{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:3cqw;padding-bottom:2.6cqw;border-bottom:.14cqw solid var(--cv-accent)}
.cv-sheet-photo{flex:0 0 11.5cqw;height:11.5cqw;display:grid;place-items:center;border-radius:.5cqw;background:#e9ede9;border:.22cqw solid #d7ddd8;color:var(--cv-muted);font-weight:700;font-size:3.3cqw;letter-spacing:.02em}
.cv-sheet-id{flex:1;min-width:0}
.cv-sheet h3{font-family:var(--cv-head-font,var(--cv-font));font-size:4.3cqw;line-height:1.08;font-weight:700;color:var(--cv-name,var(--cv-ink));margin-bottom:.9cqw;overflow-wrap:anywhere}
.cv-sheet-title{font-size:2cqw;color:var(--cv-title,var(--cv-accent));margin-bottom:1.5cqw}
.cv-sheet-contact{list-style:none;padding:0;display:grid;gap:.55cqw;font-size:1.38cqw;color:var(--cv-contact,var(--cv-muted))}
.cv-sheet-contact li{display:flex;gap:.9cqw;align-items:center;overflow-wrap:anywhere}
.cv-sheet-contact .icon{width:1.7cqw;height:1.7cqw;flex:0 0 auto;color:var(--cv-icon,currentColor)}
.cv-sheet-facts{display:flex;flex-wrap:wrap;gap:1cqw 4.5cqw;margin:2.4cqw 0 .6cqw;padding:1.5cqw 2.2cqw;background:var(--cv-band);border-radius:.9cqw;font-size:1.42cqw;font-weight:600}
.cv-sheet-facts span{display:grid;gap:.2cqw}
.cv-sheet-facts small{font-size:1.08cqw;font-weight:600;color:var(--cv-muted);text-transform:uppercase;letter-spacing:.07em}
.cv-sheet-section{margin-top:2.5cqw}
.cv-sheet-section h4{font-family:var(--cv-head-font,var(--cv-font));font-size:1.45cqw;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cv-accent);padding-bottom:.6cqw;margin-bottom:1.1cqw;border-bottom:.1cqw solid var(--cv-rule)}
.cv-sheet-section p{margin-bottom:1cqw;overflow-wrap:anywhere}
.cv-sheet-section b{font-weight:700}
.cv-sheet-tags{display:flex;flex-wrap:wrap;gap:.8cqw}
.cv-sheet-tags span{padding:.5cqw 1.4cqw;border-radius:99cqw;background:var(--cv-band);font-size:1.3cqw}
.cv-sheet-pair{display:grid;grid-template-columns:1fr 1fr;gap:4cqw}
.cv-sheet-roles{margin-top:2.2cqw;font-size:1.35cqw;color:var(--cv-muted)}
.cv-sheet-foot{position:absolute;left:6.2cqw;right:6.2cqw;bottom:2.8cqw;display:flex;justify-content:space-between;font-size:1.1cqw;color:var(--cv-muted)}
/* layouts */
.cv-modern{--cv-accent:#0f766e;--cv-muted:#4f6462;--cv-band:#eaf6f4;--cv-rule:transparent}
.cv-modern .cv-sheet-head{flex-direction:row;border:0;padding-top:2.6cqw}
.cv-modern .cv-sheet-head::before{content:"";position:absolute;inset:0 0 auto;height:1cqw;border-radius:1cqw;background:linear-gradient(90deg,#99d5cd 22%,#0f766e 22%)}
.cv-modern .cv-sheet-photo{border-radius:50%;border-color:#99d5cd;border-width:.4cqw}
.cv-modern .cv-sheet-section h4{background:#e3f3f1;border-radius:99cqw;padding:.7cqw 2.2cqw;border:0}
.cv-executive{--cv-accent:#9a7a3c;--cv-muted:#5d636a;--cv-band:#f6f2e9;--cv-rule:#d9c592;--cv-font:Georgia,"Times New Roman",serif;--cv-name:#fff;--cv-title:#e8d6a8;--cv-contact:#d8dde2;--cv-icon:#c9a45c}
.cv-executive .cv-sheet-head{background:#1f2a30;border-radius:.5cqw;padding:3.2cqw;border-bottom:.9cqw solid #c9a45c}
.cv-executive .cv-sheet-photo{border-color:#fff;background:#2c3a41;color:#e8d6a8}
.cv-executive .cv-sheet-section h4,.cv-classy .cv-sheet-section h4,.cv-elegant .cv-sheet-section h4{text-transform:none;letter-spacing:0;font-size:2.05cqw}
.cv-vibrant{--cv-accent:#146b52;--cv-muted:#4a6158;--cv-band:#ecf5ef;--cv-rule:#b7d7c4;--cv-name:#fff;--cv-title:#daf1e4;--cv-contact:#e2f2ea;--cv-icon:#d3eadf}
.cv-vibrant .cv-sheet-head{background:#124f3e;border:0;border-left:1cqw solid #b6d9c6;border-radius:.6cqw;padding:3.2cqw}
.cv-vibrant .cv-sheet-photo{border-radius:1.2cqw;border-color:#fff;background:#c4e5d3;color:#124f3e}
.cv-vibrant .cv-sheet-section h4{border-bottom-width:.5cqw}
.cv-classy{--cv-accent:#766449;--cv-muted:#625f59;--cv-band:#faf8f4;--cv-rule:#d8cebe;--cv-font:Georgia,"Times New Roman",serif}
.cv-classy .cv-sheet-head,.cv-elegant .cv-sheet-head{flex-direction:column;align-items:center;text-align:center;gap:1.8cqw}
.cv-classy .cv-sheet-head::after,.cv-elegant .cv-sheet-head::after{content:"";position:absolute;left:44%;right:44%;bottom:-.2cqw;height:.45cqw;background:var(--cv-accent)}
.cv-classy .cv-sheet-contact,.cv-elegant .cv-sheet-contact{justify-content:center;grid-auto-flow:column;gap:2.4cqw}
.cv-classy .cv-sheet-photo,.cv-elegant .cv-sheet-photo{flex-basis:auto;width:9.5cqw;height:9.5cqw;border-radius:50%;border-color:#cbbd9f;border-width:.4cqw}
.cv-elegant{--cv-accent:#7a4f6d;--cv-muted:#66596a;--cv-band:#f8f1f5;--cv-rule:#dcc6d6;--cv-font:Georgia,"Times New Roman",serif}
.cv-elegant .cv-sheet-photo{border-color:#d6b9cc}
.cv-fun{--cv-accent:#167366;--cv-muted:#56675f;--cv-band:#f0f6f2;--cv-rule:#cfe3d8;box-shadow:inset 1.4cqw 0 #b4acd4,0 1px 0 #0000000d,0 18px 44px #172f2422}
.cv-fun .cv-sheet-head{flex-direction:row;background:#eff7f2;border:0;border-radius:3cqw;padding:3cqw}
.cv-fun .cv-sheet-head::after{content:"";position:absolute;right:3cqw;top:2.4cqw;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#d8d1ee;box-shadow:-4.2cqw .6cqw 0 -1.1cqw #b6d7c3}
.cv-fun .cv-sheet-photo{border-radius:50%;border-color:#d8d1ee;border-width:.45cqw}
.cv-simple{--cv-accent:#303b36;--cv-muted:#606964;--cv-band:#f4f4f4}
.cv-simple .cv-sheet-head{flex-direction:row;border:0;padding-bottom:0}
.cv-simple .cv-sheet-photo{flex-basis:9cqw;height:9cqw;border-radius:50%}
.cv-simple .cv-sheet-section{margin-top:3.4cqw}
.cv-simple .cv-sheet-section h4{border:0;padding:0}
[dir="rtl"] .cv-sheet-contact li{direction:ltr;justify-content:flex-end}

/* ---- Free CV maker page ---- */
.cvg-page main{overflow-x:clip}
.cvg-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center;max-width:1240px;margin:0 auto;padding:clamp(28px,6vw,84px) 24px clamp(20px,4vw,44px)}
.cvg-hero h1{font-size:clamp(38px,5.6vw,66px);line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px}
.cvg-hero h1 em{font-style:normal;background:linear-gradient(transparent 64%,#d7f28b 64%);padding:0 .06em}
.cvg-hero-points{list-style:none;padding:0;margin:22px 0 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.cvg-hero-points li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:15px}
.cvg-hero-points .icon{flex:0 0 34px;height:34px;padding:8px;border-radius:12px;background:var(--lime2);color:var(--forest)}
.cvg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.btn.large{padding:15px 24px;font-size:16px;border-radius:16px}
.cvg-hero-stack{position:relative;height:clamp(380px,44vw,580px)}
.cvg-hero-sheet{position:absolute;width:60%;top:calc(var(--i) * 8%);left:calc(var(--i) * 19%);rotate:calc((var(--i) - 1) * 5deg);animation:cvg-float 8s ease-in-out infinite,cvg-deal .9s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i) * -2.6s),calc(var(--i) * .12s)}
.cvg-hero-sheet:nth-child(2){z-index:2}.cvg-hero-sheet:nth-child(3){z-index:1}
@keyframes cvg-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes cvg-deal{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}
.cvg-builder{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start;max-width:1240px;margin:0 auto;scroll-margin-top:84px}
.cvg-editor{padding:clamp(18px,3vw,32px);scroll-margin-top:90px}
.cvg-editor-head h2{font-size:clamp(22px,2.6vw,30px);margin:6px 0 0}
.cvg-steps{display:flex;gap:6px;overflow-x:auto;margin:18px 0 14px;padding:2px;scrollbar-width:none}
.cvg-steps::-webkit-scrollbar{display:none}
.cvg-step-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:7px 14px 7px 7px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--muted);transition:background .2s ease,color .2s ease,border-color .2s ease}
.cvg-step-tab span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--lime2);color:var(--forest);font-size:12px}
.cvg-step-tab:hover{border-color:#c9d8c4;color:var(--ink)}
.cvg-step-tab.is-active{background:var(--forest);border-color:var(--forest);color:#fff}
.cvg-step-tab.is-active span{background:var(--lime);color:var(--forest)}
.cvg-step-tab:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.cvg-strength{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#f6f9f1;border:1px solid #e3ebd8;margin-bottom:18px}
.cvg-strength-head{display:flex;justify-content:space-between;font-size:14px}
.cvg-strength-bar{height:8px;border-radius:99px;background:#e4ebdc;overflow:hidden}
.cvg-strength-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9fd36b,#2f7d57);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.cvg-strength small{color:var(--muted)}
.cvg-step{border:0;padding:0;margin:0;min-width:0}
.cvg-step.is-active{animation:cvg-step-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes cvg-step-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
[dir="rtl"] .cvg-step.is-active{animation-name:cvg-step-in-rtl}
@keyframes cvg-step-in-rtl{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.cvg-form textarea{min-height:90px;resize:vertical}
.cvg-form ::placeholder{color:#9aa79f}
.cvg-step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.cvg-preview{position:sticky;top:84px;display:grid;gap:12px;min-width:0}
.cvg-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cvg-templates{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.cvg-template{position:relative;flex:0 0 84px;scroll-snap-align:start;display:grid;gap:6px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted)}
.cvg-template input{position:absolute;opacity:0;pointer-events:none}
.cvg-template .cv-preview-paper{height:110px;padding:9px 8px;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease}
.cvg-template:hover .cv-preview-paper{transform:translateY(-2px);box-shadow:0 8px 18px #172f241a}
.cvg-template.is-selected{color:var(--forest)}
.cvg-template.is-selected .cv-preview-paper{outline:2.5px solid var(--forest);outline-offset:2px}
.cvg-template:has(input:focus-visible) .cv-preview-paper{outline:3px solid var(--lime);outline-offset:2px}
.cvg-preview-frame{background:linear-gradient(160deg,#eef3e8,#f8f9f4);border:1px solid #e3ebd8;border-radius:22px;padding:clamp(14px,2.4vw,26px)}
.cvg-sample-note{text-align:center;font-size:12.5px;color:var(--muted);margin-top:10px}
.cvg-jump{display:none}
.cvg-download{display:grid;gap:16px}
.cvg-download-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.cvg-download-card h3{display:flex;gap:8px;align-items:center;margin:0 0 6px}
.cvg-download-card p{color:var(--muted)}
.cvg-upsell{padding:22px;border-radius:18px;background:linear-gradient(150deg,#173e35,#25594b);color:#e7f3ea}
.cvg-upsell h3{color:#fff;margin:6px 0 12px;font-size:20px}
.cvg-upsell .eyebrow{color:#d7f28b}
.cvg-upsell p{color:#d5e8db}
.cvg-benefits{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px}
.cvg-benefits li{display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.cvg-benefits .icon{flex:0 0 18px;margin-top:2px;color:#c6ec6b}
.modal .cvg-benefits .icon{color:var(--forest2)}
.cvg-gallery .section-head,.cvg-journey .section-head{text-align:center;justify-content:center}
.cvg-gallery .section-head p{max-width:620px;margin:8px auto 0}
.cvg-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:24px}
.cvg-gallery-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--white);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.cvg-gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cvg-gallery-sheet{background:linear-gradient(160deg,#eef3e8,#f8f9f4);padding:20px 24px 0;height:250px;overflow:hidden}
.cvg-gallery-sheet .cv-sheet{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cvg-gallery-card:hover .cv-sheet{transform:translateY(-8px)}
.cvg-gallery-meta{padding:16px 18px 18px;display:grid;gap:6px;align-content:start}
.cvg-gallery-meta h3{margin:0;font-size:18px}
.cvg-gallery-meta p{color:var(--muted);font-size:14px;margin:0 0 6px}
.cvg-gallery-meta .btn{justify-self:start}
.cvg-journey-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step}
.cvg-journey-steps li{position:relative;padding:22px;border-radius:20px;background:var(--white);border:1px solid var(--line);display:grid;gap:8px;animation:cvg-deal .7s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i) * .1s)}
.cvg-journey-steps li p{color:var(--muted);margin:0}
.cvg-journey-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--forest);color:var(--lime)}
.cvg-faq{max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:960px){
 .cvg-builder{grid-template-columns:minmax(0,1fr)}
 .cvg-editor,.cvg-preview{min-width:0}
 .cvg-preview{position:static}
 .cvg-show-jump .cvg-jump{display:inline-flex;position:fixed;bottom:16px;inset-inline-end:16px;z-index:40;box-shadow:0 14px 30px #172f2440;animation:menu-in .2s ease}
}
@media(max-width:820px){
 .cvg-hero{grid-template-columns:1fr;padding-top:24px}
 .cvg-hero-stack{height:clamp(300px,92vw,460px);width:100%;max-width:520px;margin:0 auto}
 .cvg-journey-steps{grid-template-columns:1fr}
}
@media(max-width:520px){
 .cvg-hero{padding-left:16px;padding-right:16px}
 .cvg-hero-points{grid-template-columns:1fr}
 .cvg-hero-actions .btn{flex:1;justify-content:center}
 .cvg-step-nav .btn{flex:1;justify-content:center}
 .cv-sheet-pair{grid-template-columns:1fr;gap:0}
}
@media(prefers-reduced-motion:reduce){
 .cvg-hero-sheet,.cvg-journey-steps li,.cvg-step.is-active{animation:none}
 .cvg-gallery-card,.cvg-gallery-sheet .cv-sheet,.cvg-template .cv-preview-paper,.cvg-strength-bar span{transition:none}
 .cvg-gallery-card:hover,.cvg-gallery-card:hover .cv-sheet{transform:none}
}
/* ---- Unified sign-up ---- */
.signup-roles{margin:2px 0 4px}
.modal .signup-roles .role-card{padding:12px}
.modal .signup-roles .role-card-icon{flex-basis:34px;height:34px;border-radius:10px}
.modal .signup-roles .role-card-text small{font-size:12.5px}





/* client detail: back link and collapsible upload */





/* ---- Homepage product tour & use cases (owner mandate) ---- */












@keyframes tour-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes tour-point{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}















@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -8px}}














@keyframes uc-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}








@keyframes uc-slide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}














/* ---- Featured Employer Hub strip & employer filter ---- */
.featured-employers{margin:6px 0 22px}














/* Sign in with Google or LinkedIn, and "Report this" links (public/site-extras.js) */
.social-wrap{padding:0 28px}
.social-signin{display:grid;gap:10px;margin:4px 0 2px}
.social-btn{width:100%;justify-content:center;gap:10px}
.social-mark{width:18px;height:18px;flex:0 0 auto}
.or-divider{display:flex;align-items:center;gap:12px;margin:8px 0 0;color:var(--muted);font-size:12px}
.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.report-line{margin:18px 0 0;text-align:end}
.report-link{color:var(--muted);font-weight:550;font-size:12px;min-height:30px}
.report-link:hover,.report-link:focus-visible{color:var(--ink)}
.hp-field{position:absolute;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
/* Report form: one column so the reason list is never cut off. */
[data-form="content-report"] .form-grid{grid-template-columns:1fr}