/* Workify Visa V10 — activation, progressive profiling and conversion UI */
:root{--wv10-blue:#315bd6;--wv10-cyan:#1fc2d2;--wv10-ink:#111b34;--wv10-muted:#687792;--wv10-line:#dce5f2;--wv10-soft:#f3f7fd}
.activation-hero{position:relative;overflow:hidden;border:1px solid rgba(49,91,214,.14);background:linear-gradient(135deg,#071a3c 0%,#10336f 58%,#17627b 100%);color:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(15,45,92,.22)}
.activation-hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-90px;top:-120px;background:rgba(73,227,223,.16)}
.activation-hero h2{font-size:clamp(25px,3vw,38px);line-height:1.12;margin:10px 0}.activation-hero p{max-width:720px;color:#cfddf4;line-height:1.7}.activation-hero .actions{position:relative;z-index:1;margin-top:20px}
.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.readiness-card{border:1px solid var(--wv10-line);background:#fff;border-radius:18px;padding:18px}.readiness-card header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.readiness-card strong{font-size:25px;color:var(--wv10-ink)}.readiness-card small{display:block;color:var(--wv10-muted);margin-top:5px}.readiness-card.application{background:linear-gradient(145deg,#f7faff,#eef5ff);border-color:#cfdcff}.readiness-card.strength{background:linear-gradient(145deg,#f5fffe,#edfafa);border-color:#caece8}
.progress.v10{height:9px;background:#e6edf8;border-radius:99px;overflow:hidden}.progress.v10 span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wv10-blue),var(--wv10-cyan))}
.quick-onboarding-shell{max-width:1060px;margin:0 auto}.quick-onboarding-head{text-align:center;margin-bottom:24px}.quick-onboarding-head .time-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;background:#eaf4ff;color:#2450bb;font-size:12px;font-weight:800}.quick-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.quick-step{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--wv10-line);border-radius:14px;color:#71809a;background:#fff;font-weight:750}.quick-step b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf2fb}.quick-step.active{color:#244eb9;border-color:#91aef6;background:#f4f7ff}.quick-step.done b{background:#17aa88;color:#fff}
.quick-card{border:1px solid var(--wv10-line);background:#fff;border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:0 18px 50px rgba(26,50,96,.1)}.quick-card h2{margin-top:0;color:var(--wv10-ink);font-size:26px}.quick-card .why{display:flex;gap:10px;padding:12px 14px;background:#f4f8ff;border-radius:12px;color:#526580;font-size:13px;margin:14px 0 20px}.quick-card [data-quick-panel][hidden]{display:none!important}.quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-fields .wide{grid-column:1/-1}.quick-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.quick-actions .btn.primary{min-width:180px}
.optional-hint{display:flex;gap:10px;align-items:flex-start;background:#f6f8fc;border:1px dashed #cad6e8;border-radius:13px;padding:12px 14px;color:#60708a;font-size:13px;margin-top:8px}.optional-hint i{font-size:19px;color:#4264c7}.field-optional{font-size:11px;padding:3px 8px;border-radius:99px;background:#eef2f8;color:#6d7c92;margin-left:6px;font-weight:750}
.draft-resume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid #b8cafb;background:linear-gradient(135deg,#f7f9ff,#eef5ff);border-radius:20px;padding:20px}.draft-resume .draft-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#244fc1;color:#fff;font-size:24px}.draft-resume strong{display:block;color:var(--wv10-ink);font-size:17px}.draft-resume p{margin:5px 0 0;color:var(--wv10-muted);font-size:13px}
.match-locked{display:flex;align-items:center;gap:10px;border:1px solid #d9e2ef;background:#f6f9fd;color:#53647e;border-radius:14px;padding:12px;font-size:13px}.match-locked i{font-size:21px;color:#315bd6}.job-trust-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.job-trust-row span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#edf8f5;color:#147963;font-size:11px;font-weight:800}.job-compare-check{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#526079;cursor:pointer}.compare-bar{position:fixed;z-index:70;left:50%;bottom:22px;transform:translateX(-50%);width:min(720px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;background:#071a3c;color:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(2,16,45,.34)}.compare-bar[hidden]{display:none}.compare-table{width:100%;border-collapse:separate;border-spacing:0}.compare-table th,.compare-table td{padding:14px;border-bottom:1px solid var(--wv10-line);vertical-align:top}.compare-table th:first-child{width:170px;text-align:left;color:#65738a}.compare-table td{min-width:210px}
.process-preview{display:grid;gap:12px}.process-preview .step{display:grid;grid-template-columns:32px 1fr;gap:12px;position:relative}.process-preview .step:not(:last-child):after{content:"";position:absolute;left:15px;top:32px;bottom:-13px;width:2px;background:#dfe7f3}.process-preview .step>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:#315bd6;z-index:1}.process-preview strong{display:block;color:#1c2942}.process-preview small{color:#70809a}
.live-proof-row{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.live-proof-row span{display:inline-flex;gap:7px;align-items:center;border:1px solid #cfddf4;background:rgba(255,255,255,.74);backdrop-filter:blur(8px);padding:8px 11px;border-radius:99px;color:#26466d;font-size:12px;font-weight:800}.live-proof-row i{color:#1aa89e}.quick-check-v10{margin-top:24px;border:1px solid #d9e4f3;background:rgba(255,255,255,.9);border-radius:20px;padding:18px;box-shadow:0 14px 40px rgba(28,57,104,.11)}.quick-check-v10 h3{margin:0 0 5px;color:#12203b}.quick-check-v10>p{margin:0 0 15px;color:#71809a;font-size:13px}.quick-check-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-check-result{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:13px;background:#edf8f6;border-radius:13px;color:#135f55}.quick-check-result[hidden]{display:none}.quick-check-result strong{display:block}.quick-check-result small{display:block;margin-top:3px}
.intent-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.intent-toolbar a{padding:8px 12px;border:1px solid var(--wv10-line);border-radius:99px;color:#5d6c84;font-size:12px;font-weight:800}.intent-toolbar a.active{background:#173f91;color:#fff;border-color:#173f91}.intent-row{display:grid;grid-template-columns:54px minmax(180px,1.4fr) repeat(3,minmax(95px,.55fr)) auto;gap:12px;align-items:center;padding:14px;border-top:1px solid #e5ebf4}.intent-score{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#234dc1,#19b8c7);color:#fff;font-size:16px;font-weight:900}.intent-row small{display:block;color:#71809a;margin-top:4px}.intent-signal{font-size:11px;color:#71809a}.intent-signal b{display:block;margin-top:3px;font-size:14px;color:#17233d}.activation-funnel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.activation-funnel-grid>div{padding:15px;border:1px solid var(--wv10-line);border-radius:15px;background:#f9fbff}.activation-funnel-grid span,.activation-funnel-grid em{display:block;color:#71809a;font-size:11px;font-style:normal}.activation-funnel-grid strong{display:block;font-size:25px;color:#14213b;margin:7px 0}.activation-funnel-grid i{display:block;height:6px;border-radius:99px;background:#e5ebf5;overflow:hidden;margin-bottom:7px}.activation-funnel-grid i b{display:block;height:100%;background:linear-gradient(90deg,#315bd6,#20becd)}
.registration-value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.registration-value-strip span{display:flex;gap:7px;align-items:center;padding:9px;border-radius:10px;background:rgba(255,255,255,.06);color:#c8d6e9;font-size:11px}.registration-value-strip i{color:#50d7db;font-size:17px}
@media(max-width:980px){.quick-check-fields{grid-template-columns:repeat(2,1fr)}.intent-row{grid-template-columns:48px 1fr auto}.intent-signal{display:none}.activation-funnel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.readiness-grid,.quick-fields{grid-template-columns:1fr}.quick-fields .wide{grid-column:auto}.quick-step{font-size:0;justify-content:center}.quick-step b{font-size:12px}.quick-actions{flex-direction:column-reverse}.quick-actions .btn{width:100%}.draft-resume{grid-template-columns:auto 1fr}.draft-resume>.btn{grid-column:1/-1}.quick-check-fields{grid-template-columns:1fr}.quick-check-result{align-items:flex-start;flex-direction:column}.registration-value-strip{grid-template-columns:1fr}.activation-funnel-grid{grid-template-columns:1fr}.compare-table{display:block;overflow:auto}}
