#app{--blue:#0066a6;--orange:#ff6e0b;--green:#3bb273;--lightblue:#58a9ff;--fringetext:#0b5aa3;--ink:#3e3e3f;--paper:#f7f7f5;--white:#fff;--grade-a:#3bb273;--grade-b:#0066a6;--grade-c:#ff6e0b;--grade-d:#ba7517;--grade-f:#a32d2d}#app *{box-sizing:border-box}.app{background:var(--white);border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.06);color:var(--ink);display:flex;flex-direction:column;font-family:Open Sans,Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:720px}.heading{font-family:Roboto Slab,Open Sans,serif;font-weight:700}.progress-wrap{margin-top:24px;padding:0 32px}.progress-track{background:#ececec;border-radius:6px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--orange),var(--blue));height:100%;transition:width .35s ease;width:0}.progress-label{color:#8a8a8a;font-size:12px;margin-top:6px}.screen{display:flex;flex:1;flex-direction:column;justify-content:center;padding:36px 32px 48px}.eyebrow{color:var(--orange);font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}h1.heading{color:var(--ink);font-size:38px;line-height:1.15;margin:0 0 14px}h1.heading .accent{color:var(--blue)}h2.heading{color:var(--ink);font-size:28px;margin:0 0 12px}.lede{color:#555;font-size:17px;margin:0 0 26px;max-width:520px}.fair-warning{background:linear-gradient(135deg,#fff3e9,#ffe0c2);border:2px solid var(--orange);border-radius:16px;margin:0 0 26px;padding:18px 22px}.fair-warning .fw-label{background:var(--orange);border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.fair-warning p{color:var(--ink);font-size:17px;font-weight:700;line-height:1.4;margin:0}.value-list{list-style:none;margin:0 0 30px;padding:0}.value-list li{color:#444;font-size:15px;margin-bottom:10px;padding-left:26px;position:relative}.value-list li:before{color:var(--orange);content:"—";font-weight:700;left:0;position:absolute}.btn{background:var(--blue);border:2px solid var(--blue);border-radius:999px;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 30px;text-align:center;transition:transform .1s ease,background .15s ease}.btn:hover{background:#00588f}.btn:active{transform:scale(.98)}.btn.secondary{background:transparent;color:var(--blue)}.btn.secondary:hover{background:#eef6fc}.btn.block{width:100%}.micro{color:#999;font-size:12px;margin-top:12px}.question-text{font-size:22px;font-weight:700;margin:0 0 22px;max-width:560px}.pillar-tag{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:14px;padding:4px 10px;text-transform:uppercase}.pillar-tag.payroll{background:#fdece0;color:var(--orange)}.pillar-tag.fringe{background:#eaf4ff;color:var(--fringetext)}.pillar-tag.fieldOps{background:#e6f1fb;color:var(--blue)}.pillar-tag.workforce{background:#e6f7ee;color:var(--green)}.pillar-tag.intake{background:#f1eee8;color:#777}.options{display:flex;flex-direction:column;gap:10px}.option-btn{background:#fff;border:1.5px solid #ddd;border-radius:14px;color:var(--ink);cursor:pointer;font-family:Open Sans,sans-serif;font-size:15px;padding:14px 18px;text-align:left;transition:border-color .15s ease,background .15s ease}.option-btn:hover{background:#f4f9fd;border-color:var(--blue)}.option-btn.na{color:#888;font-style:italic}.back-link{color:#999;cursor:pointer;font-size:13px;margin-top:22px;width:fit-content}.back-link:hover{color:var(--blue)}.lead-form label{color:#555;display:block;font-size:13px;font-weight:700;margin:16px 0 6px}.lead-form input,.lead-form select{border:1.5px solid #ddd;border-radius:999px;font-family:Open Sans,sans-serif;font-size:15px;padding:11px 14px;width:100%}.lead-form input:focus,.lead-form select:focus{border-color:var(--blue);outline:none}.teaser-badge{background:#fdece0;border-radius:20px;color:var(--orange);display:inline-block;font-size:13px;font-weight:700;margin-bottom:16px;padding:6px 14px}.grade-badge{align-items:baseline;display:flex;gap:10px;margin-bottom:18px}.grade-letter{align-items:center;border-radius:50%;color:#fff;display:flex;font-family:Roboto Slab,serif;font-size:56px;font-weight:700;height:88px;justify-content:center;width:88px}.grade-a{background:var(--grade-a)}.grade-b{background:var(--grade-b)}.grade-c{background:var(--grade-c)}.grade-d{background:var(--grade-d)}.grade-f{background:var(--grade-f)}.grade-pct{color:#888;font-size:15px}.pillar-bars{margin:24px 0 10px}.pillar-row{margin-bottom:16px}.pillar-row-top{display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:5px}.pillar-track{background:#ececec;border-radius:6px;height:10px;overflow:hidden}.pillar-fill{border-radius:6px;height:100%}.pillar-fill.payroll{background:var(--orange)}.pillar-fill.fringe{background:var(--lightblue)}.pillar-fill.fieldOps{background:var(--blue)}.pillar-fill.workforce{background:var(--green)}.pillar-diag{color:#777;font-size:13px;margin-top:5px}.callout{background:#fff8f2;border-left:4px solid var(--orange);border-radius:0 14px 14px 0;color:#444;font-size:14px;margin:14px 0;padding:14px 18px}.callout strong{color:var(--ink)}.opportunity-box{background:#eef6fc;border-radius:14px;margin:22px 0;padding:18px 20px}.opportunity-box .eyebrow{margin-bottom:4px}.opportunity-box h3{color:var(--blue);font-size:19px;margin:0 0 6px}.opportunity-box p{color:#555;font-size:14px;margin:0}.path-forward{align-items:flex-start;background:var(--orange);border-radius:18px;box-shadow:0 10px 26px rgba(224,122,33,.3);color:#fff;display:flex;gap:16px;margin:22px 0 26px;padding:22px 24px}.path-forward .icon{align-items:center;background:hsla(0,0%,100%,.22);border-radius:50%;display:flex;flex:none;height:40px;justify-content:center;width:40px}.path-forward .body{flex:1}.path-forward .label{color:hsla(0,0%,100%,.9);display:block;font-size:12px;font-weight:800;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.path-forward p{font-size:18px;font-weight:700;line-height:1.4;margin:0}.tips-section{border-top:1px solid #eee;margin-top:26px;padding-top:22px}.tips-section h3{font-size:19px;margin:0 0 4px}.tips-lede{color:#777;font-size:14px;margin:0 0 16px}.tip-card{background:var(--paper);border-radius:14px;margin-bottom:10px;padding:14px 18px}.tip-card strong{color:var(--ink);display:block;font-size:15px;margin-bottom:3px}.tip-card span{color:#666;font-size:14px}.tip-card.credibility{background:#fff;border:1px dashed #ccc}.tip-card.credibility em{color:#999;display:block;font-size:11px;font-style:normal;margin-top:4px}.cta-block{border-top:1px solid #eee;margin-top:28px;padding-top:24px}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.cta-row.centered{justify-content:center}.disclaimer{color:#aaa;font-size:11px;margin-top:24px}@media (max-width:600px){h1.heading{font-size:30px}.screen{padding:26px 20px 40px}}