/* UBTracker Workforce SEO sprint · natural copy + clean UI v3 · 2026-09-10 */
.wf-hero{padding:54px 0 38px}.wf-hero-intro{max-width:820px;margin:0 auto 30px;text-align:center}.wf-hero .eyebrow{margin-bottom:10px}.wf-hero h1{font-size:clamp(48px,6.2vw,82px);line-height:.94;letter-spacing:-.055em;margin:0}.wf-hero p{font-size:clamp(16px,1.7vw,19px);line-height:1.5;color:var(--muted);max-width:690px;margin:17px auto 0}.wf-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px}.wf-actions .btn{gap:9px;min-height:48px;padding:0 20px;border-radius:14px}.wf-btn-soft{background:#f7f7f8}.wf-hero-media{height:min(64vw,650px);min-height:500px;border-radius:24px;overflow:hidden;background:#eef1f5;box-shadow:0 24px 70px rgba(13,17,23,.10)}.wf-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.wf-breadcrumb{padding:17px 0 0;font-size:12px;color:#8a919d}.wf-breadcrumb a{color:inherit;text-decoration:none}.wf-breadcrumb a:hover{color:var(--ink)}
.wf-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px;border-radius:18px;overflow:hidden}.wf-kpi{background:white;padding:28px;min-height:155px}.wf-kpi strong{display:block;font-size:32px;letter-spacing:-.04em}.wf-kpi span{display:block;margin-top:9px;color:var(--muted);font-size:14px;line-height:1.45}
.wf-flow{display:grid;grid-template-columns:1fr 58px 1.1fr 58px 1fr;align-items:stretch;gap:12px}.wf-flow-col{border:1px solid var(--line);background:#fff;padding:26px;min-height:280px;border-radius:18px}.wf-flow-col.dark{background:#0d1117;color:#fff;border-color:#0d1117}.wf-flow-col h3{font-size:26px;line-height:1.05;margin:0 0 20px}.wf-flow-list{display:grid;gap:10px}.wf-flow-list span{padding:11px 12px;background:var(--soft);border-radius:10px;font-size:14px;font-weight:700}.wf-flow-col.dark .wf-flow-list span{background:#181e27;color:#d7dce5}.wf-arrow{display:grid;place-items:center;font-size:30px;color:var(--brand)}
.wf-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wf-card{border:1px solid var(--line);padding:20px 21px;background:#fff;min-height:160px;border-radius:16px}.wf-card .num{display:none}.wf-card h3{font-size:19px;line-height:1.15;letter-spacing:-.025em;margin:0 0 7px}.wf-card p{font-size:14px;line-height:1.46;color:var(--muted);margin:0}.wf-card-dot{display:block;width:7px;height:7px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 5px rgba(101,72,255,.08);margin:2px 0 17px}
.wf-band{background:#0d1117;color:#fff;padding:32px;border-radius:22px}.wf-band-grid{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.wf-band h2{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:0}.wf-band p{color:#adb5c1;max-width:670px;line-height:1.5}.wf-band .btn{border-radius:14px}
.wf-img{overflow:hidden;border:1px solid var(--line);background:#edf0f4;border-radius:22px}.wf-img img{display:block;width:100%;height:auto}.wf-img.ratio img{aspect-ratio:16/9;object-fit:cover}.wf-caption{padding:14px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:#fff}
.wf-exception-box{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wf-exception{border:1px solid var(--line);padding:20px;background:#fff;border-radius:15px}.wf-exception b{font-size:30px}.wf-exception span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.wf-callout{border:1px solid #e7e2ff;padding:18px 20px;background:#faf9ff;border-radius:15px;font-size:17px;line-height:1.5;font-weight:720}
.wf-faq{border-top:1px solid var(--line)}.wf-faq details{border-bottom:1px solid var(--line);padding:0}.wf-faq summary{cursor:pointer;list-style:none;padding:24px 0;font-weight:800;font-size:18px}.wf-faq summary::-webkit-details-marker{display:none}.wf-faq summary:after{content:'+';float:right;color:var(--brand)}.wf-faq details[open] summary:after{content:'–'}.wf-faq p{color:var(--muted);line-height:1.6;max-width:880px;margin:0 0 24px}
.wf-related{background:#fff;border-top:1px solid var(--line)}.wf-related-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.wf-related-head h2{font-size:clamp(30px,3.5vw,46px);line-height:1;letter-spacing:-.04em;margin:7px 0 0}.wf-related-head>span{font-size:13px;color:var(--muted);white-space:nowrap}.wf-seo-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wf-seo-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);padding:20px 20px 19px;text-decoration:none;color:var(--ink);background:#fff;border-radius:16px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.wf-seo-links a:hover{transform:translateY(-2px);border-color:#cfd3da;box-shadow:0 12px 28px rgba(13,17,23,.07)}.wf-seo-links a b{display:block;font-size:16px;line-height:1.2}.wf-seo-links a span{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:5px}.wf-seo-links a em{font-style:normal;width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:17px;transition:transform .16s ease,background .16s ease}.wf-seo-links a:hover em{transform:translateX(3px);background:#efedff;color:var(--brand)}
.wf-form-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start}.wf-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-form .full{grid-column:1/-1}.wf-form label{display:block;font-size:12px;font-weight:800;color:#475467;margin-bottom:7px}.wf-form input,.wf-form select{width:100%;height:52px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:#fff}.wf-form input:focus,.wf-form select:focus{outline:2px solid rgba(101,72,255,.14);border-color:#8f7dff}.wf-form .btn{border-radius:14px;min-height:50px}.wf-form-status{display:none;grid-column:1/-1;padding:12px;border-radius:10px;font-size:13px;font-weight:700}.wf-form-status.show{display:block}.wf-form-status.ok{background:#ecfdf3;color:#027a48}.wf-form-status.err{background:#fff1f2;color:#b42318}.wf-note{grid-column:1/-1;font-size:12px;color:#7b8492}.wf-keywords{font-size:12px;color:#8b93a1;border-top:1px solid var(--line);padding-top:18px}.wf-mini-table{width:100%;border-collapse:collapse}.wf-mini-table th,.wf-mini-table td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.wf-mini-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.wf-pill{display:inline-block;padding:6px 9px;background:#f2f4f7;border-radius:999px;font-size:12px;font-weight:750}.wf-pill.good{background:#ecfdf3;color:#027a48}.wf-pill.warn{background:#fff7ed;color:#c2410c}.wf-visual-note{font-size:13px;color:#667085;margin-top:9px}.wf-dark-copy p{color:#b8c0cc}.wf-quote{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:800;max-width:1000px}.wf-quote em{font-style:normal;color:#9c8cff}.wf-soft-list{display:grid;gap:12px;margin-top:16px}.wf-soft-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}.wf-soft-row:first-child{border-top:0;padding-top:0}.wf-soft-row i{width:32px;height:32px;min-width:32px;border-radius:10px;display:grid;place-items:center;background:#f4f2ff;color:var(--brand);font-style:normal;font-weight:800}.wf-soft-row b{display:block;margin:0 0 4px}.wf-soft-row p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
@media(max-width:980px){.wf-form-wrap{grid-template-columns:1fr}.wf-hero-media{height:58vw;min-height:430px}.wf-kpis{grid-template-columns:1fr 1fr}.wf-flow{grid-template-columns:1fr}.wf-arrow{transform:rotate(90deg);height:44px}.wf-card-grid{grid-template-columns:1fr 1fr}.wf-exception-box{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wf-hero{padding:34px 0 25px}.wf-hero-intro{margin-bottom:20px;text-align:left}.wf-hero h1{font-size:clamp(42px,12vw,54px);line-height:.96}.wf-hero p{font-size:16px;margin:13px 0 0;max-width:520px}.wf-actions{justify-content:flex-start;margin-top:19px}.wf-actions .btn{min-height:46px;padding:0 15px}.wf-hero-media{height:68vw;min-height:285px;max-height:410px;border-radius:18px;box-shadow:0 16px 40px rgba(13,17,23,.09)}.wf-kpis,.wf-card-grid,.wf-exception-box{grid-template-columns:1fr}.wf-form{grid-template-columns:1fr}.wf-form .full{grid-column:1}.wf-band-grid{grid-template-columns:1fr}.wf-card{min-height:0}.wf-flow-col{min-height:0}.wf-quote{font-size:34px}.wf-related-head{display:block;margin-bottom:18px}.wf-related-head>span{display:none}.wf-seo-links{grid-template-columns:1fr}.wf-seo-links a{padding:17px 16px;border-radius:14px}.wf-seo-links a em{width:32px;height:32px;min-width:32px}.wf-img{border-radius:17px}}