/* round 10: hero pictures (.hq), how-we-screen with full features (.z*, .sp, .sf, .mk), what-you-get samples (.dv, .wg) */
:root{--pg:#036A3E;--pg2:#06C270;--pgt:#E6FFF0;--pr:#AB2635;--pr2:#D13845;--prt:#FFF1F0;--po:#C44A1F;--po2:#F46C40;--pot:#FFE8E0}
/* hero */
.hq.wide>img{aspect-ratio:1.15/1}
.hq-faces{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border-radius:32px;background:linear-gradient(140deg,#0075EB,#7F56D9,#F46C40);box-shadow:0 0 90px rgba(0,117,235,.45)}
.hq-faces img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;padding:0!important;background:none!important;box-shadow:none!important}
/* how we screen */
.zs{border-bottom:6px solid #E6EAF0}
.zs .kick{justify-content:center}
.z1{margin-top:40px}
.z1-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.z1-tl [role=tab]{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:1.5px solid #E6EAF0;border-radius:16px;padding:14px 16px;font:inherit;cursor:pointer;transition:all .2s}
.z1-tl b{display:block;font-size:16px;color:#00173D}.z1-tl small{font-size:13px;color:#4A5565}
.z1-tl .assess[aria-selected=true]{border-color:var(--pg2);background:var(--pgt)}.z1-tl .interview[aria-selected=true]{border-color:var(--pr2);background:var(--prt)}.z1-tl .resume[aria-selected=true]{border-color:var(--po2);background:var(--pot)}
.sp{background:#fff;border:1px solid #E6EAF0;border-radius:24px;padding:30px;box-shadow:0 24px 60px -40px rgba(0,23,61,.45);border-top:5px solid var(--c)}
.sp.assess{--c:var(--pg2)}.sp.interview{--c:var(--pr2)}.sp.resume{--c:var(--po2)}
.sp-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid #EEF1F5;margin-bottom:24px}
.sp-tag{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0}
.sp-tag.assess{color:var(--pg)}.sp-tag.interview{color:var(--pr)}.sp-tag.resume{color:var(--po)}
.sp-h h3{font-size:26px;font-weight:800;color:#00173D;margin:2px 0 4px;letter-spacing:-.02em}.sp-line{margin:0;color:#3B4656;font-size:15.5px;line-height:1.55;max-width:620px}
.sp-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:start}
.sp-g.rev>.sp-m{order:-1}
.sf{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sf-i{display:flex;gap:12px;align-items:flex-start;background:#FAFBFD;border:1px solid #EEF1F5;border-radius:16px;padding:16px}
.sf-i b{display:block;font-size:15.5px;color:#00173D;margin-bottom:3px}.sf-i p{margin:0;font-size:13.8px;color:#3B4656;line-height:1.5}
.sf-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}
.sf-ic svg{width:18px;height:18px}
.sf-ic.assess{background:var(--pg)}.sf-ic.interview{background:var(--pr)}.sf-ic.resume{background:var(--po)}
.sp-m{display:grid;gap:14px}
.sp-you{margin:0;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.5;color:#262626}
.sp-you b{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.sp-you.assess{background:var(--pgt)}.sp-you.assess b{color:var(--pg)}.sp-you.interview{background:var(--prt)}.sp-you.interview b{color:var(--pr)}.sp-you.resume{background:var(--pot)}.sp-you.resume b{color:var(--po)}
.sy-btn.resume{background:var(--po)}
.z2{display:grid;gap:22px;margin-top:40px}
.z3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;align-items:stretch}
.z3-c{background:#fff;border:1px solid #E6EAF0;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px -40px rgba(0,23,61,.5)}
.z3-c header{display:flex;gap:12px;align-items:center;padding:20px}
.z3-c.assess header{background:var(--pgt)}.z3-c.interview header{background:var(--prt)}.z3-c.resume header{background:var(--pot)}
.z3-c header b{display:block;font-size:18px;color:#00173D}.z3-c header small{font-size:13px;color:#4A5565}
.z3-c ul{list-style:none;margin:0;padding:8px 20px;display:grid}
.z3-c li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #F0F2F5}.z3-c li:last-child{border:0}
.z3-c li b{display:block;font-size:14.5px;color:#00173D}.z3-c li p{margin:2px 0 0;font-size:13.3px;color:#3B4656;line-height:1.45}
.z3-c .sp-you{margin:0 20px}.z3-c .sy-btn{margin:16px 20px 20px;justify-content:center;margin-top:auto}
.z3-c .sp-you{margin-bottom:16px}
/* product panels */
.mk{background:#fff;border:1px solid #E6EAF0;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,23,61,.45)}
.mk-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#0B1B33;color:#fff}
.mk-h small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9DB8DA}.mk-h b{font-size:14.5px}
.mk-tag{font-size:12px;font-weight:800;border-radius:99px;padding:6px 11px;white-space:nowrap}
.mk-tag.g{background:#7CF0BE;color:#013820}.mk-tag.r{background:#FFD2CE;color:#5E0B1B}.mk-tag.o{background:#FFD4BD;color:#7A2A0E}
.mk-b{padding:14px 18px 18px}
.mk-k{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4A5565;margin:10px 0 8px}
.mk-bar{display:grid;grid-template-columns:150px 1fr 30px;gap:10px;align-items:center;font-size:13px;color:#262626;margin-bottom:7px}
.mk-bar i{height:7px;border-radius:7px;background:linear-gradient(90deg,var(--c,#0075EB) calc(var(--w)*1%),#EEF1F5 0)}.mk-bar b{text-align:right;color:#00173D}
.mk-assess{--c:#06C270}.mk-interview{--c:#D13845}.mk-resume{--c:#F46C40}
.mk-chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mk-chk li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 10px;border-radius:10px;background:#F3FBF6}
.mk-chk li em{font-style:normal;font-weight:700;color:#036A3E}.mk-chk li.warn{background:#FFF7E0}.mk-chk li.warn em{color:#7A5B00}
.mk-q{background:#FFF6F5;border-left:3px solid #D13845;border-radius:10px;padding:10px 12px}
.mk-q small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#AB2635}.mk-q p{margin:4px 0 0;font-size:13.5px;color:#262626}
.mk-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mk-row span{font-size:12px;font-weight:700;background:#F2F4F7;border-radius:99px;padding:5px 10px;color:#344054}
.mk-ent{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mk-ent li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border:1px solid #F0F2F5;border-radius:10px}
.mk-ent b{display:block;font-size:13.5px;color:#00173D}.mk-ent small{font-size:12px;color:#4A5565}
.mk-ent em{font-style:normal;font-size:11.5px;font-weight:800;border-radius:99px;padding:4px 9px;white-space:nowrap}.mk-ent em.v{background:#E6FFF0;color:#036A3E}.mk-ent em.r{background:#FFF7E0;color:#7A5B00}
.mk-kw{display:flex;flex-wrap:wrap;gap:6px}.mk-kw span{font-size:12.5px;font-weight:700;background:#E6FFF0;color:#036A3E;border-radius:8px;padding:5px 9px}.mk-kw .miss{background:#FFF1F0;color:#AB2635;text-decoration:line-through}
/* what you get */
.wg-g{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.wg-i{background:linear-gradient(180deg,#F5F8FD,#fff);border:1px solid #E6EEF8;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:18px}
.wg-i.wide{grid-column:1/-1}
.wg-l{display:flex;gap:14px;align-items:flex-start}
.wg-n{flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0075EB,#7F56D9);color:#fff;font-weight:800;display:grid;place-items:center}
.wg-l h3{font-size:19px;color:#00173D;margin:0 0 4px}.wg-l p{margin:0;font-size:14.5px;color:#3B4656}
.dv{background:#fff;border:1px solid #E6EAF0;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,23,61,.45)}
.dv-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#00173D,#0B4FB0);color:#fff}
.dv-top small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9DB8DA}.dv-top b{font-size:16px}
.dv-ok{font-size:12px;font-weight:800;background:#7CF0BE;color:#013820;border-radius:99px;padding:6px 12px}
.dv-tw{overflow:auto}.dv-t{width:100%;border-collapse:collapse;min-width:760px}
.dv-t th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#4A5565;padding:12px 16px;background:#FAFBFD;border-bottom:1px solid #EEF1F5}
.dv-t td{padding:12px 16px;border-bottom:1px solid #F3F4F6;font-size:14px;color:#262626;font-weight:600}
.dv-t td:first-child{display:flex;gap:10px;align-items:center}.dv-t td b{display:block;color:#00173D}.dv-t td small{font-size:12px;color:#4A5565;font-weight:500}
.dv-t a{color:#006BD6;font-weight:800;font-size:13px;white-space:nowrap}
.dv-av{width:36px;height:36px;border-radius:50%;background:#E6F3FF;color:#004CA3;font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
.dv-av.big{width:56px;height:56px;font-size:18px}
.dv-band{display:inline-block;border-radius:8px;padding:4px 10px;font-weight:800}.dv-band.g{background:#E6FFF0;color:#036A3E}.dv-band.a{background:#FFF7E0;color:#7A5B00}
.dv-lvl{display:inline-block;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}.dv-lvl.gold{background:#FFF3D1;color:#7A4D00}.dv-lvl.silver{background:#EEF1F5;color:#3B4A60}
.dv-f{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 20px;background:#FAFBFD;font-size:13px;color:#4A5565}.dv-f a{background:#00173D;color:#fff;border-radius:10px;padding:9px 14px;font-weight:800;white-space:nowrap}
.dv-ph{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid #EEF1F5}
.dv-ph>img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.dv-ph b{display:block;font-size:16px;color:#00173D}.dv-ph small{font-size:12.5px;color:#4A5565;display:block}.dv-k{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7F56D9!important;font-size:11px!important}
.dv-ph .dv-lvl{margin-left:auto}
.dv-ring{margin-left:auto;width:72px;height:72px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(#fff 58%,transparent 59%),conic-gradient(#06C170 calc(var(--v)*1%),#EEF1F5 0)}
.dv-ring b{font-size:20px;line-height:1}.dv-ring small{font-size:9.5px!important;font-weight:700}
.dv-2{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:6px 20px 20px}
.dv-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dv-facts li{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:#F5F8FD;font-size:13px}.dv-facts li span{color:#3B4656;text-align:right}
.dv-sc{list-style:none;margin:0;padding:10px 20px;display:grid}
.dv-sc li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #F3F4F6}
.dv-sc b{display:block;color:#00173D;font-size:14.5px}.dv-sc p{margin:2px 0 0;font-size:13px;color:#3B4656}
.dv-sc li>span{font-size:24px;font-weight:800;color:#7F56D9}.dv-sc li>span small{font-size:12px;color:#4A5565}
.dv-probe{margin:4px 20px 0;background:#FFF7E0;border-radius:12px;padding:12px 14px;font-size:13.5px;color:#262626}.dv-probe b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7A5B00;margin-bottom:2px}
.dv-verdict{margin:12px 20px 18px;font-weight:800;color:#036A3E;font-size:14px}
@media(max-width:1000px){.z1-tl,.z3,.wg-g,.sp-g,.dv-2{grid-template-columns:1fr}.sp-g.rev>.sp-m{order:0}.sp-h{grid-template-columns:auto 1fr}.sp-h .sy-btn{grid-column:1/-1;justify-self:start}.sf{grid-template-columns:1fr}.mk-bar{grid-template-columns:110px 1fr 30px}}
.zs .h2,.zs .sub{text-align:center;margin-left:auto;margin-right:auto}
.wg-i:last-child{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr;align-items:start}
.hq-faces img{background:#fff!important}
@media(max-width:1000px){.wg-i:last-child{grid-template-columns:1fr}}
/* round 11: hero backgrounds from boardinfinity.com */
.hz.bih{background:linear-gradient(#EEF1FA 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#EEF1FA 1px,transparent 1px) 0 0/48px 48px,radial-gradient(800px 500px at 0% 0%,#E8EEFE,transparent 60%),linear-gradient(180deg,#F8F7FD,#FCFCFE)}
.hz.bicc{background:radial-gradient(700px 520px at 92% 0%,#D9C2FB 0%,transparent 60%),radial-gradient(800px 560px at 0% 0%,#E2F0FF 0%,transparent 60%),linear-gradient(180deg,#F5F9FE,#FDFEFF)}
.hz.bico{background:radial-gradient(900px 600px at 70% 55%,#0C4A93 0%,transparent 62%),radial-gradient(600px 400px at 100% 0%,#003C81,transparent 60%),#00173D}
.hz.bih .hy4>img,.hz.bicc .hy4>img{box-shadow:0 40px 80px -30px rgba(0,23,61,.45),0 0 70px rgba(0,117,235,.25)}