*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b14;color:#eaf0ff;font-family:Inter,Arial,sans-serif;line-height:1.55}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid #1b2740;background:#090e19}.brand{display:flex;gap:12px;align-items:center;margin-bottom:35px}.brand .mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2d6cff,#67a0ff);display:grid;place-items:center;font-weight:800}.brand span{display:block;color:#71809e;font-size:12px}nav{display:grid;gap:5px}nav a{color:#8592aa;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px}nav a:hover,nav a.active{color:#fff;background:#121b2d}.side-note{position:absolute;bottom:24px;left:20px;right:20px;color:#65738e;font-size:12px;padding:14px;border:1px solid #1c2942;border-radius:12px}main{max-width:1260px;width:100%;padding:50px 5vw 80px}header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:30px 0 70px}h1{font-size:clamp(42px,6vw,76px);line-height:.95;margin:10px 0 20px;letter-spacing:-4px}h1 span{color:#5d8fff}header p{max-width:700px;color:#95a2ba;font-size:18px}.eyebrow,.section-head span{color:#5d8fff;font-weight:700;letter-spacing:.14em;font-size:12px}.status{border:1px solid #263655;border-radius:14px;padding:14px 18px;color:#7f8ca6;font-size:12px}.status b{display:block;color:#fff;font-size:16px}section{padding:55px 0;border-top:1px solid #182239}.section-head{display:flex;gap:15px;align-items:center;margin-bottom:25px}.section-head h2{margin:0;font-size:27px;letter-spacing:-.6px}.grid{display:grid;gap:14px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#0d1422;border:1px solid #1b2943;border-radius:15px;padding:22px}.metric small{color:#7f8da8;display:block}.metric strong{display:block;font-size:32px;margin-top:8px}.metric em{font-size:12px;color:#60708e;font-style:normal}.metric.accent{background:linear-gradient(135deg,#122653,#0d172a);border-color:#2852a0}.callout,.warning{margin-top:16px;padding:18px 20px;border-radius:12px;background:#0c1830;border:1px solid #203b6d;color:#b9c7df}.warning{background:#21170d;border-color:#5c3b18}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.timeline>div{padding:18px;border-top:2px solid #315fd0;background:#0b111e}.timeline b,.week-grid small{color:#648fff;font-size:12px}.timeline h3,.card h3{margin:8px 0}.timeline p,.card p{color:#8e9bb3;font-size:14px}.model{display:grid;grid-template-columns:330px 1fr;gap:16px}.controls{display:grid;gap:18px}.controls label{font-size:13px;color:#9aa7bd}.controls output{float:right;color:#fff;font-weight:700}.controls input[type=range]{width:100%;margin-top:8px;accent-color:#5d8fff}.controls input[type=number],select{width:100%;margin-top:6px;background:#080d16;border:1px solid #26334b;color:#fff;border-radius:8px;padding:10px}.costs{margin-top:14px}.toggle{font-size:13px;color:#aab6ca}.fine{color:#65738e;font-size:12px}.funnel{display:flex;align-items:center;gap:12px;margin-bottom:18px}.funnel div{flex:1;text-align:center;background:#0d1422;border:1px solid #1b2943;border-radius:14px;padding:20px 10px}.funnel strong{font-size:28px;display:block}.funnel span{font-size:12px;color:#7787a3}.funnel i{color:#395889}.card ul{padding-left:20px;color:#9ba8bd}.check li::marker{color:#5d8fff}.muted{opacity:.75}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps>div{padding:18px;background:#0d1422;border-radius:14px;border:1px solid #1b2943}.steps b{display:grid;place-items:center;width:26px;height:26px;background:#173675;color:#78a2ff;border-radius:50%;font-size:12px}.steps p{color:#8492aa;font-size:13px}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}table{width:100%;border-collapse:collapse;background:#0d1422;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:14px;border-bottom:1px solid #1b2943}th{color:#7f90ad;font-size:12px}td:first-child{font-weight:700}.job{max-width:850px}.job-top{display:flex;gap:10px}.job-top span{font-size:11px;font-weight:800;background:#173675;color:#8db1ff;padding:6px 9px;border-radius:6px}.job h2{font-size:34px;margin:20px 0 10px}.job .lead{font-size:18px;color:#bdc8da}.example{background:#101e38;padding:16px;border-radius:10px;border-left:3px solid #5d8fff}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.checklist label{padding:13px;border-bottom:1px solid #1b2943;color:#aab5c9}.checklist input{accent-color:#5d8fff;margin-right:9px}footer{padding-top:50px;color:#4f5c72;font-size:11px;letter-spacing:.1em}@media(max-width:900px){.app{display:block}aside{display:none}main{padding:25px}.four,.three,.two,.timeline,.steps,.week-grid,.checklist,.model{grid-template-columns:1fr}.funnel{display:grid;grid-template-columns:1fr}.funnel i{display:none}header{display:block}.status{display:inline-block}h1{letter-spacing:-2px}}.model-v2{display:grid;grid-template-columns:340px 1fr;gap:18px}.controls h3{font-size:13px;color:#dce6f8;border-top:1px solid #1b2943;padding-top:16px;margin:2px 0 -4px}.controls h3:first-child{border:0;padding-top:0}.results-v2{display:grid;gap:18px}.group{display:grid;gap:10px}.group-title{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#7184a7;font-weight:800}.profit{background:linear-gradient(135deg,#102b22,#0c1717);border-color:#225744}.calc-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px;font-size:12px}.calc-path b{width:100%;color:#7085ab;text-transform:uppercase;letter-spacing:.12em}.calc-path span{color:#8fa0bb}.calc-path strong{color:#fff}.calc-path i{color:#45649a;font-style:normal}.breakline,.cash-note{padding:14px 16px;border:1px solid #1d3154;border-radius:12px;background:#0b1629;color:#9eacc2;font-size:13px}.payroll-grid{display:grid;grid-template-columns:1fr auto;gap:9px 20px;margin:15px 0}.payroll-grid span{color:#8998b2}.payroll-grid b{text-align:right}.source-links{display:flex;flex-wrap:wrap;gap:8px}.source-links a{color:#8eb0ff;text-decoration:none;background:#101d35;border:1px solid #223a65;padding:8px 10px;border-radius:8px;font-size:12px}.dynamic-funnel{margin-top:5px}.dynamic-funnel div{min-width:0}@media(max-width:1100px){.model-v2{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,1fr)}.controls h3{grid-column:1/-1}}@media(max-width:700px){.controls{grid-template-columns:1fr}.results-v2 .four{grid-template-columns:1fr 1fr}.calc-path{display:grid}.source-links{display:grid}} 

.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.salary-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:17px 19px;border:1px solid #1b2943;background:#0a111e;border-radius:13px;color:#91a0b9;font-size:13px}
.salary-path b{color:#fff}.salary-path i{color:#4168a8;font-style:normal}.salary-path .net{color:#8fb2ff}
@media(max-width:900px){.comp-grid{grid-template-columns:1fr}}

.playbook-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.playbook-hero{background:linear-gradient(135deg,#101d35,#0d1422)}.playbook-hero>small{color:#6e98f4;font-weight:800;letter-spacing:.12em}.trait-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.trait-tags span,.channel-use{padding:5px 8px;border-radius:6px;background:#142344;color:#8eaff7;font-size:11px;font-weight:700}.hiring-sub{margin-top:34px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel{position:relative}.channel.priority{border-color:#31568f}.channel-rank{font-size:11px;color:#5d8fff;font-weight:800}.channel-use{display:inline-block;margin-top:6px}.hire-funnel{display:flex;gap:8px;align-items:center}.hire-funnel>div{flex:1;text-align:center;padding:18px 8px;border:1px solid #1b2943;background:#0d1422;border-radius:13px}.hire-funnel strong,.hire-funnel span,.hire-funnel small{display:block}.hire-funnel strong{font-size:25px}.hire-funnel span{font-weight:700}.hire-funnel small{font-size:10px;color:#65738e;margin-top:4px}.hire-funnel i{font-style:normal;color:#385783}.scorecard{border:1px solid #1b2943;border-radius:14px;overflow:hidden}.scorecard>div{display:grid;grid-template-columns:1fr 90px 2fr;gap:12px;padding:13px 16px;border-bottom:1px solid #1b2943;align-items:center}.scorecard>div:last-child{border-bottom:0}.scorecard span{color:#8997af;font-size:13px}.scorecard strong{color:#80a5f5}.score-head{background:#111b2d;color:#6f7f9c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.redflags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.redflags span{padding:12px 14px;background:#181214;border:1px solid #3b2428;border-radius:10px;color:#bda5aa;font-size:13px}.hiring-steps{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.playbook-grid,.channel-grid,.redflags,.hiring-steps{grid-template-columns:1fr}.hire-funnel{display:grid;grid-template-columns:1fr}.hire-funnel i{display:none}.scorecard>div{grid-template-columns:1fr}.score-head{display:none!important}}