/* Jobs Buddy by eVamb Labs · one stylesheet on the eVamb Brand Kit v2.0 (corporate edition)
   Canvas dominant, Terracotta the one brand colour, Amber only on dark surfaces.
   No text-transform anywhere: the name is always written eVamb, never in capitals.
   No drawn dashes beside labels. */

@font-face{font-family:"Baloo 2";font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-2-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

:root{
  --canvas:#FDF3D8;--surface:#FEFAEE;--surface-2:#FEFAEE;--ink:#171208;--text-2:#6B6250;
  --terracotta:#C8783B;--terracotta-deep:#9C5E2C;--rust:#8A5713;--line:#E4D5AC;--field:#8C8062;
  --success:#3F7A50;--success-on:#3C754D;--success-bg:#E3EFDD;--warning:#8F5606;--warning-bg:#FBE6BE;--danger:#B0472F;--danger-on:#A9442D;--danger-bg:#F6DDD3;--info:#2F6A8F;--info-bg:#DCEAF1;
  --umber:#3C2A1B;--umber-2:#4A3625;--cream:#F7F1E1;--cream-2:#D8CDB6;--amber:#FFB32C;
  --gradient:linear-gradient(90deg,#C8793D,#EDA733,#7FAE93,#4E9FD1);
  --display:"Baloo 2","Trebuchet MS",sans-serif;
  --body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",Consolas,ui-monospace,Menlo,monospace;
  --r-card:12px;--r-btn:6px;--shadow:0 1px 2px rgba(60,42,27,.06),0 8px 24px rgba(60,42,27,.08);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.62 var(--body);min-height:100vh;overflow-wrap:anywhere}
img,svg{max-width:100%;display:block}
a{color:var(--rust);text-underline-offset:3px}
a:hover{color:var(--terracotta-deep)}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.15;margin:0 0 .5em;color:var(--ink)}
p{margin:0 0 .9em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--cream);padding:8px 14px;border-radius:var(--r-btn)}
.skip:focus{left:12px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
@media (min-width:768px){.wrap{padding:0 28px}}

/* demo and live parts */
html:not(.is-demo) .demo-only{display:none !important}
html.is-demo .live-only{display:none !important}
[hidden]{display:none !important}
.hooks{display:none !important}

/* signed in or out */
body.is-auth-gate .rail,body.is-auth-gate .workflow,body.is-auth-gate #verifyBanner{display:none !important}
body:not(.is-auth-gate) #loginGate{display:none}

/* type helpers */
.kicker{font:600 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--rust);margin:0 0 10px}
.lead{font-size:18px;line-height:1.62;color:var(--text-2);max-width:62ch}
.fine,.card__small,.panel__small{font-size:13.5px;color:var(--text-2)}
.section__title{font-size:clamp(28px,4vw,40px);max-width:24ch}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r-btn);border:1px solid transparent;font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;text-decoration:none;background:none;transition:background .15s,border-color .15s,color .15s}
.btn--primary{background:var(--ink);color:var(--surface)}
.btn--primary:hover{background:var(--umber);color:var(--surface)}
.btn--ghost{border-color:var(--field);color:var(--ink);background:var(--surface)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--amber{background:var(--amber);color:var(--ink)}
.btn--amber:hover{background:#FFC457}
.btn--social{width:100%;border-color:var(--field);background:var(--surface)}
.btn--small{min-height:36px;padding:6px 12px;font-size:14px}
.btn--large{min-height:52px;padding:12px 24px;font-size:16px}
.btn--wide{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.linkbtn{background:none;border:0;padding:0;color:var(--rust);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}
.linkbtn:hover{color:var(--terracotta-deep)}

/* demo bar and notices */
.demo-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;padding:8px 16px;background:var(--umber);color:var(--cream);font-size:13.5px;text-align:center}
.demo-bar .linkbtn{color:var(--amber)}
.notice-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.notice-banner__text{margin:0;flex:1 1 320px;font-size:14px}
.notice-banner__actions{display:flex;gap:8px;flex-wrap:wrap}
.verify-banner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;padding:10px 16px;background:var(--info-bg);color:var(--ink);font-size:14px}

/* public front */
.topnav{position:sticky;top:0;z-index:30;background:rgba(253,243,216,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.topnav__row{display:flex;align-items:center;gap:16px;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:41px;width:auto;display:block}
@media (max-width:599px){.topnav .brand img{height:37px}}
.brand__product{font:700 18px/1 var(--display);color:var(--ink);padding-left:10px;border-left:1px solid var(--line)}
.topnav__links{display:none;gap:22px;margin-left:auto}
.topnav__links a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.topnav__links a:hover{color:var(--rust)}
.topnav__cta{display:flex;gap:8px;margin-left:auto}
@media (min-width:920px){.topnav__links{display:flex}.topnav__cta{margin-left:20px}}

.hero{padding:40px 0 56px}
.hero__grid{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.hero{padding:64px 0 80px}.hero__grid{grid-template-columns:1.15fr .85fr;gap:48px}}
.hero__title{font-size:clamp(34px,5.4vw,56px);font-weight:800;line-height:1.06;letter-spacing:-.01em;max-width:18ch}
.hero__note{font-size:15px;color:var(--text-2);border-left:3px solid var(--terracotta);padding-left:14px;max-width:58ch}

.gate__panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px}
@media (min-width:960px){.gate__panel{position:sticky;top:92px}}
.panel__title{font-size:26px;margin-bottom:6px}
.panel__text{color:var(--text-2)}
.demo-roles{display:grid;gap:10px;margin:16px 0}
.demo-role{display:block;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas);cursor:pointer;transition:border-color .15s,background .15s}
.demo-role:hover{border-color:var(--terracotta);background:#FEFAEE}
.demo-role[disabled]{opacity:.6}
.demo-role__name{display:block;font:700 19px/1.2 var(--display);color:var(--ink)}
.demo-role__desc{display:block;font-size:14px;color:var(--text-2);margin-top:2px}
.gate__tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.gate__tab{border:0;background:none;padding:10px 4px;margin-right:14px;font-weight:600;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent}
.gate__tab.is-active{color:var(--ink);border-bottom-color:var(--terracotta)}
.gate__form{display:grid;gap:12px}
.gate__divider{text-align:center;font-size:13px;color:var(--text-2);margin:4px 0}
.gate__form-title{font:700 20px/1.2 var(--display);margin:4px 0}
.gate__form-sub,.gate__choose{color:var(--text-2);font-size:14px;margin:0}
.gate__error{min-height:1em;margin:0;font-size:14px;color:var(--danger)}
.social-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.role-card{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas);cursor:pointer}
.role-card__name{display:block;font-weight:700}
.role-card__desc{display:block;font-size:14px;color:var(--text-2)}

.band{padding:56px 0}
.band--surface{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band--dark{background:var(--umber);color:var(--cream)}
.band--dark .section__title{color:var(--cream)}
.band--dark p{color:var(--cream-2)}
@media (min-width:960px){.band{padding:80px 0}}
.split{display:grid;gap:12px 48px}
@media (min-width:960px){.split{grid-template-columns:.9fr 1.1fr}}
.prose{max-width:64ch}
.prose p{color:var(--ink)}
.cards{display:grid;gap:18px;margin-top:26px}
@media (min-width:860px){.cards--three{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}
.band--surface .card{background:var(--canvas)}
.card__title{font-size:22px}
.faq{max-width:780px;margin-top:20px;display:grid;gap:10px}
.faq details{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 18px}
.faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style-position:inside}
.faq details p{margin:10px 0 2px;color:var(--text-2)}
.cta{text-align:center;display:grid;justify-items:center;gap:8px}
.cta .section__title{max-width:none}

/* footer */
.site-footer{background:var(--umber);color:var(--cream-2);padding:40px 0 24px;font-size:14px}
.site-footer a{color:var(--amber)}
.footer__grid{display:grid;gap:24px}
@media (min-width:860px){.footer__grid{grid-template-columns:1.2fr 1fr 1.2fr}}
.footer__brand img{height:41px;width:auto;display:block;margin-bottom:12px}
.footer__product{font:700 20px/1 var(--display);color:var(--cream);margin:10px 0 6px}
.footer__line{margin:0}
.footer__links{display:grid;gap:8px;align-content:start}
.footer__entity p{margin:0 0 8px}
.footer__base{margin-top:28px;padding-top:18px;border-top:1px solid #5A4230;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}
.footer__base p{margin:0}
.footer__credit{color:var(--cream)}

/* app header */
.rail{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.rail__row{display:flex;align-items:center;gap:12px;min-height:62px;flex-wrap:wrap}
.rail__brand{padding:11px 0}
.rail__brand img{height:37px}
.rail__meta{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.rail__chip{border:1px solid transparent;background:none;padding:7px 10px;border-radius:var(--r-btn);font-weight:600;font-size:14px;cursor:pointer;color:var(--ink)}
.rail__chip:hover{border-color:var(--line);background:var(--canvas)}
.rail__bell{position:relative;border:0;background:none;padding:8px;cursor:pointer;color:var(--ink)}
.rail__bell-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--terracotta-deep);color:var(--surface);font:600 11px/18px var(--mono);text-align:center}
.rail__credits{font:500 12px/1 var(--mono);color:var(--text-2)}
.rail__avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--surface-2);display:grid;place-items:center}
.rail__user{display:none;font-size:14px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1024px){.rail__user{display:inline}}
@media (max-width:640px){.rail__chip{font-size:13px;padding:6px 8px}}

/* app layout */
.workflow{max-width:1040px;margin:0 auto;padding:24px 16px 64px}
@media (min-width:768px){.workflow{padding:36px 28px 80px}}
.app-hero{padding:8px 0 20px}
.app-hero__title{font-size:clamp(28px,4.2vw,42px);font-weight:800;max-width:24ch}
.app-hero__sub{color:var(--text-2);max-width:66ch}
.app-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 18px;box-shadow:0 1px 2px rgba(60,42,27,.05)}
@media (min-width:768px){.step{padding:28px}}
.step--locked{opacity:.65}
.step__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.step__title{font-size:24px;margin-bottom:4px}
.step__sub{color:var(--text-2);margin:0;max-width:62ch;font-size:15px}
.step__status{font:500 12px/1.4 var(--mono);padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2);white-space:normal;overflow-wrap:anywhere;max-width:100%}
.step__status.is-done{background:var(--success-bg);color:var(--success-on)}
.step__status.is-working{background:var(--info-bg);color:var(--info)}
.step__status.is-error{background:var(--danger-bg);color:var(--danger-on)}
.step__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.coming{text-align:left}

/* forms */
.field{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.field input,.field select,.field textarea,.bfield input,.bfield textarea,.bfield select,input[type="number"]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--field);border-radius:var(--r-btn);background:#FEFAEE;font-weight:400;font-size:15px}
.field textarea,.bfield textarea{min-height:90px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.bfield input:focus,.bfield textarea:focus{border-color:var(--terracotta);outline:2px solid rgba(200,120,59,.25);outline-offset:0}
.field input[disabled]{background:var(--surface-2);color:var(--text-2)}
.form-row{display:grid;gap:12px}
@media (min-width:700px){.form-row{grid-template-columns:1fr 1fr}.form-row--three{grid-template-columns:1fr 1fr 1fr}}
.emp-form{display:grid;gap:14px}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.check-row input{margin-top:4px;width:18px;height:18px;flex:none}
.submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.submit-status{font-size:14px;color:var(--text-2)}
.submit-status.is-working{color:var(--info)}
.submit-status.is-error{color:var(--danger)}
.note{padding:12px 14px;border-radius:var(--r-btn);background:var(--surface-2);font-size:14px}

/* upload */
.drop-zone{display:grid;gap:4px;place-items:center;text-align:center;padding:30px 16px;border:2px dashed var(--field);border-radius:var(--r-card);background:var(--canvas);cursor:pointer;transition:border-color .15s,background .15s}
.drop-zone:hover,.drop-zone.is-dragover{border-color:var(--terracotta);background:#FEFAEE}
.drop-zone__title{font-weight:700}
.drop-zone__sub{font-size:13.5px;color:var(--text-2)}
.altrow{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-2);flex-wrap:wrap}
.upload-meta{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.upload-meta p{margin:0 0 4px;font-size:14px}
.upload-meta__label{font:600 12px/1 var(--mono);color:var(--rust);display:inline-block;min-width:92px}
.upload-meta__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.upload-preview{margin-top:10px}
.upload-preview pre{white-space:pre-wrap;max-height:300px;overflow:auto;background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-btn);padding:12px;font:13px/1.5 var(--mono)}
.api-block{margin-top:16px;display:grid;gap:8px}

/* skill cache panel (generated) */
.skill-cache{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas);font-size:14px}
.skill-cache__head{display:flex;justify-content:space-between;gap:10px;font-weight:700;margin-bottom:4px}
.skill-cache__badge{font:500 12px/1.4 var(--mono);color:var(--text-2)}
.skill-cache__body{color:var(--text-2)}

/* progress */
.progress__sub{color:var(--text-2)}
.progress__track{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden;margin:16px 0 6px}
.progress__fill{height:100%;width:0;background:var(--gradient);transition:width .4s}
.progress__percent{font:600 13px/1 var(--mono);color:var(--text-2)}
.progress__stages{display:grid;gap:10px;margin:18px 0}
.pp-stage{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.pp-stage p{margin:0}
.pp-stage__icon{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--field);display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--surface)}
.pp-stage.is-running .pp-stage__icon{border-color:var(--terracotta);border-right-color:transparent;animation:spin 1s linear infinite}
.pp-stage.is-done .pp-stage__icon{background:var(--success);border-color:var(--success)}
.pp-stage.is-failed .pp-stage__icon{background:var(--danger);border-color:var(--danger)}
.pp-stage__name{font-weight:700}
.pp-stage__desc{font-size:14px;color:var(--text-2)}
.progress__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--text-2)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pp-stage.is-running .pp-stage__icon{animation:none}.progress__fill{transition:none}}

/* results (generated) */
.branch-status{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.branch-pill{font:500 12px/1 var(--mono);padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2)}
.branch-pill.is-done{background:var(--success-bg);color:var(--success-on)}
.branch-pill.is-running{background:var(--info-bg);color:var(--info)}
.branch-pill.is-failed{background:var(--danger-bg);color:var(--danger-on)}
.results-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px}
.results-block{margin-top:26px}
.results-block__title{font-size:22px}
.results-block__intro{color:var(--text-2);font-size:14.5px;max-width:66ch}
.results-block__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.profile-summary{margin-top:6px;padding:18px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--line)}
.profile-summary__head{font:600 12px/1.4 var(--mono);color:var(--rust);margin-bottom:6px}
.profile-summary__text{font-size:15.5px}
.profile-summary__meta{margin-top:10px;font:500 12.5px/1.5 var(--mono);color:var(--text-2)}
.variant-grid{display:grid;gap:14px}
@media (min-width:760px){.variant-grid{grid-template-columns:1fr 1fr}}
.variant-card{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.variant-card__label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.variant-card__name{font:700 18px/1.2 var(--display)}
.variant-card__tag{font:500 12px/1 var(--mono);color:var(--rust);background:var(--surface-2);padding:5px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.variant-card__desc{font-size:14.5px;color:var(--ink)}
.variant-card__meta{font:500 12px/1.4 var(--mono);color:var(--text-2)}
.variant-card .btn{justify-self:start}
.job-results{display:grid;gap:10px}
.job-row,.emp-job-row{display:grid;gap:8px 16px;padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
@media (min-width:760px){.job-row{grid-template-columns:1fr auto auto;align-items:center}.emp-job-row{grid-template-columns:1fr auto;align-items:center}}
.job-row__title,.emp-job-row__title{font-weight:700;font-size:16px}
.job-row__meta,.emp-job-row__meta,.emp-job-row__date{font-size:14px;color:var(--text-2)}
.job-row__badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.job-row__why{font-size:14px;color:var(--ink)}
.job-row__salary,.emp-job-row__sal{font:500 13px/1.3 var(--mono);color:var(--text-2)}
.job-row__apply{font-weight:600;white-space:nowrap}
.job-badge{font:500 12px/1 var(--mono);padding:5px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2)}
.job-badge--promo{background:var(--success-bg);color:var(--success-on)}
.job-badge--high{background:var(--warning-bg);color:var(--warning)}
.job-badge--pool{background:var(--info-bg);color:var(--info)}
.learnings-panel{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.learn__head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.learn__head h3{font-size:20px}
.learn__meta,.learn__col-head{font:500 12.5px/1.4 var(--mono);color:var(--text-2)}
.learn__grid{display:grid;gap:16px;margin-top:10px}
@media (min-width:760px){.learn__grid{grid-template-columns:1fr 1fr}}
.learn__list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.learn__list li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:14px}
.learn-row__co{grid-column:1;color:var(--text-2);font-size:13px}
.learn-row__when{grid-row:1;grid-column:2;font:500 12px/1.4 var(--mono);color:var(--text-2)}
.learn__foot{margin-top:10px;font-size:13.5px;color:var(--text-2)}
.user-profile-card{margin:6px 0 16px;padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.user-profile-card__head{display:flex;gap:14px;align-items:center}
.user-profile-card__avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:var(--surface-2);display:grid;place-items:center}
.user-profile-card__name{font:700 20px/1.2 var(--display)}
.user-profile-card__title,.user-profile-card__meta,.user-profile-card__note,.user-profile-card__bio-label,.user-profile-card__role-dates,.user-profile-card__role-org{font-size:14px;color:var(--text-2)}
.user-profile-card__bio{margin-top:12px;font-size:15px}
.user-profile-card__skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.user-profile-card__skill,.user-profile-card__tag{font:500 12px/1 var(--mono);padding:5px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2);white-space:nowrap;flex-shrink:0}
.user-profile-card__roles{margin-top:12px;display:grid;gap:6px}
.user-profile-card__role-title{font-weight:700}

/* employer and admin */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}
.fact{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.fact__label{display:block;font:600 12px/1.4 var(--mono);color:var(--rust)}
.fact__value{display:block;font:700 22px/1.3 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emp-cand-group{margin-bottom:16px}
.emp-cand-group__head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.emp-cand-group__title{font-weight:700}
.emp-cand-group__meta{font:500 12.5px/1.4 var(--mono);color:var(--text-2)}
.admin-user-list{display:grid;gap:8px}
.admin-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.admin-user__name{font-weight:700}
.admin-user__email,.admin-user__when{font-size:13.5px;color:var(--text-2)}
.admin-user__badge{font:500 12px/1 var(--mono);padding:5px 8px;border-radius:999px;background:var(--surface-2);align-self:start}
.admin-user__badge--admin{background:var(--warning-bg);color:var(--warning)}
.admin-user__badge--employer{background:var(--info-bg);color:var(--info)}
.admin-user__badge--seeker{background:var(--success-bg);color:var(--success-on)}

/* pricing */
.audience-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);margin:8px 0 18px}
.audience-toggle__btn{border:0;background:none;padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--text-2)}
.audience-toggle__btn.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(60,42,27,.12)}
.pricing-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.tier{display:grid;gap:12px;align-content:space-between;padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.tier--popular{border-color:var(--terracotta);box-shadow:inset 0 3px 0 var(--terracotta)}
.tier__name{font-size:20px;margin:0}
.tier__price{display:flex;align-items:baseline;gap:4px;margin:6px 0;font:700 22px/1.2 var(--display)}
.tier__currency,.tier__period{font:500 13px/1 var(--mono);color:var(--text-2)}
.tier__pitch{font-size:14px;color:var(--text-2);margin:0}
.tier__strap{font:500 12px/1.4 var(--mono);color:var(--text-2)}
.tier__strap-save{color:var(--success)}
.addcred{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:var(--r-card)}
.addcred__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.addcred__row input{width:90px}
.pricing-foot{margin-top:16px}

/* cart */
.cart__grid{display:grid;gap:18px;margin-top:16px}
@media (min-width:860px){.cart__grid{grid-template-columns:1.4fr 1fr}}
.cart__items{display:grid;gap:10px;align-content:start}
.cart__summary{padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);display:grid;gap:10px;align-content:start}
.cart__row{display:flex;justify-content:space-between;margin:0;font-size:15px}
.cart__row--muted{color:var(--text-2)}
.cart__row--total{font-weight:700;border-top:1px solid var(--line);padding-top:10px}
.cart-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.cart-item__icon{width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:700}
.cart-item__name{font-size:17px;margin:0}
.cart-item__desc,.cart-item__features,.cart-item__per,.cart-item__discount{font-size:13.5px;color:var(--text-2);margin:2px 0 0}
.cart-item__price{font:600 14px/1.3 var(--mono)}
.cart-item__remove{border:0;background:none;color:var(--rust);cursor:pointer;font-weight:600;text-decoration:underline}
.cart-empty{padding:18px;border:1px dashed var(--field);border-radius:var(--r-card);color:var(--text-2);text-align:center}
.cart-summary__hint{font-size:13px;color:var(--text-2)}

/* legal */
.legal-page{max-width:760px}
.legal h2,.legal h3{font-size:19px;margin-top:20px}
.legal p{font-size:15px}
.draft-tag{display:inline-block;font:600 12px/1.4 var(--mono);color:var(--warning);background:var(--warning-bg);padding:5px 9px;border-radius:999px;margin-bottom:10px}

/* modals */
.modal{position:fixed;inset:0;z-index:70;overflow:auto;background:rgba(23,18,8,.55);padding:24px 12px}
.modal__panel{position:relative;max-width:520px;margin:6vh auto;background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.modal__panel--wide{max-width:760px}
.modal__title{font-size:26px;margin:0 0 8px;padding-right:36px}
.modal__sub{color:var(--text-2)}
.modal__fine{font-size:13px;color:var(--text-2);margin-top:14px}
.modal__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}
.modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.modal__close:hover{background:var(--surface-2)}
.notif-drawer__head .modal__close{position:static}
.cf-modal{position:fixed;inset:0;z-index:70;overflow:auto;padding:24px 12px}
.cf-modal__backdrop{position:fixed;inset:0;background:rgba(23,18,8,.55)}
.cf-modal__card{position:relative;max-width:560px;margin:5vh auto;background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.cf-modal__card--wide{max-width:1000px}
body.cf-modal-open{overflow:hidden}
.overlay{position:fixed;inset:0;z-index:70;background:rgba(23,18,8,.55);align-items:center;justify-content:center;padding:16px}
.overlay__card{max-width:460px;background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow)}

/* account */
.account-preview{display:flex;gap:14px;align-items:center;margin:8px 0 14px}
.account-preview__avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;flex:none}
.account-preview__name{font:700 20px/1.2 var(--display)}
.account-preview__email,.account-preview__role{font-size:14px;color:var(--text-2)}
.account-section{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:10px}
.account-section__title{font-size:18px;margin:0}
.account-section__sub,.account-section__hint{font-size:14px;color:var(--text-2);margin:0}
.account-section--actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.account-presets summary{cursor:pointer;font-weight:600;font-size:14px}
.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;margin-top:10px}
.avatar-preset{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--surface-2)}
.avatar-preset:hover{border-color:var(--terracotta)}
.avatar__img{width:100%;height:100%;object-fit:cover}
.avatar__initials{font:700 15px/1 var(--display);color:var(--ink)}
.run-history{display:grid;gap:10px}
.download-list{display:grid;gap:10px;margin-top:16px}
.kit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.kit-row:hover{border-color:var(--terracotta)}
.kit-row__label{font-weight:700}
.kit-row__meta{font:500 12.5px/1.4 var(--mono);color:var(--text-2)}
.run-card{padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.run-card__title{font:700 18px/1.2 var(--display)}
.run-card__date{font:500 12.5px/1.4 var(--mono);color:var(--text-2)}
.run-card__counts{margin:10px 0;font-size:14.5px}
.run-card__actions{display:flex;flex-wrap:wrap;gap:8px}

/* builder */
.builder-modal{position:fixed;inset:0;z-index:75;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 12px}
.builder-modal__scrim{position:fixed;inset:0;background:rgba(23,18,8,.55)}
.builder-modal__card{position:relative;width:100%;max-width:820px;margin:2vh auto;background:var(--surface);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.builder-modal__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.builder-modal__head .modal__close{position:static;flex:none}
.builder-progress{margin:10px 0 18px}
.builder-progress__steps{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--text-2)}
.builder-progress__step.is-active{color:var(--ink);font-weight:700}
.builder-progress__step.is-done{color:var(--success)}
.builder-progress__bar{height:6px;border-radius:3px;background:var(--surface-2);margin-top:8px;overflow:hidden}
.builder-progress__fill{height:100%;width:20%;background:var(--terracotta);transition:width .3s}
.builder-step{display:none}
.builder-step.is-active{display:block}
.builder-step__title{font-size:22px}
.builder-step__hint{color:var(--text-2);font-size:14.5px}
.builder-grid{display:grid;gap:12px}
@media (min-width:700px){.builder-grid{grid-template-columns:1fr 1fr}}
.bfield{display:grid;gap:6px;font-size:14px;font-weight:600}
.bfield--full{grid-column:1/-1}
.bfield--check{display:flex;align-items:center;gap:8px;font-weight:500}
.bfield--check input{width:18px;height:18px;min-height:0}
.bfield__small{font-weight:400;color:var(--text-2)}
.builder-list{display:grid;gap:12px;margin-bottom:12px}
.bcard{padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.bcard__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.bcard__num{display:none}
.bcard__label{font-weight:700}
.bcard__rm{border:0;background:none;color:var(--rust);font-weight:600;text-decoration:underline;cursor:pointer}
.builder-review{display:grid;gap:12px}
.review-block{padding:14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.review-block h4{font-size:16px;margin-bottom:6px}
.review-block p{margin:0 0 4px;font-size:14.5px}
.review-block__small{font-size:13px;color:var(--text-2)}
.review-exp{margin-top:8px}
.review-exp ul{margin:6px 0 0;padding-left:18px;font-size:14px}
.builder-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.builder-foot__err{color:var(--danger);font-size:14px;min-height:1em}
.builder-foot__actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}

/* notifications */
.notif-drawer{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(400px,100%);background:var(--surface);box-shadow:var(--shadow);transform:translateX(100%);transition:transform .25s,visibility 0s linear .25s;visibility:hidden;display:flex;flex-direction:column}
.notif-drawer.is-open{transform:none;visibility:visible;transition:transform .25s}
.notif-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}
.notif-drawer__head > div{display:flex;align-items:center;gap:10px}
.notif-drawer__title{font-size:20px;margin:0}
.notif-drawer__list{overflow:auto;padding:12px;display:grid;gap:10px;align-content:start}
.notif-drawer__scrim{position:fixed;inset:0;z-index:79;background:rgba(23,18,8,.4);display:none}
.notif-drawer__scrim.is-open{display:block}
.notif-empty{padding:20px;text-align:center;color:var(--text-2)}
.notif-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas)}
.notif-item__icon{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:14px}
.notif-item__title{font-weight:700;font-size:14.5px}
.notif-item__desc{font-size:14px;color:var(--text-2)}
.notif-item__foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.notif-item__time{font:500 12px/1 var(--mono);color:var(--text-2)}
.notif-item__action{border:1px solid var(--field);background:var(--surface);border-radius:var(--r-btn);padding:5px 10px;font-size:13px;font-weight:600;cursor:pointer}
.notif-item__action--ghost{border-color:transparent;color:var(--rust)}
@media (prefers-reduced-motion:reduce){.notif-drawer{transition:none}}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);max-width:min(560px,calc(100% - 32px));padding:12px 18px;border-radius:var(--r-card);background:var(--ink);color:var(--surface);font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.is-show{opacity:1;transform:translate(-50%,0)}

/* install sheet and other generated bits */
.pwa-sheet{position:fixed;inset:0;z-index:85;background:rgba(23,18,8,.5);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.pwa-sheet__panel{width:100%;max-width:480px;background:var(--surface);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.pwa-sheet__head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.pwa-sheet__mark{width:40px;height:40px}
.pwa-sheet__title{font:700 19px/1.2 var(--display)}
.pwa-sheet__sub,.pwa-sheet__steps,.pwa-sheet__bullets{font-size:14px;color:var(--text-2)}
.pwa-sheet__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.board-empty{padding:24px;text-align:center;border:1px dashed var(--field);border-radius:var(--r-card)}
.board-empty__title{font-size:20px}
.board-empty__sub{color:var(--text-2)}
.apply-modal__status,.apply-modal__loading,.apply-modal__profile-empty,.apply-modal__bio,.apply-modal__skills{font-size:14px;color:var(--text-2)}

/* the gradient, once: the thin line above the footer */
.site-footer{position:relative}
/* dash-gate: full-width divider, the kit's one gradient line */
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gradient)}

@media print{.rail,.demo-bar,.site-footer,.notice-banner{display:none !important}}
