/*
  HireKeyz Homepage V4 — Enterprise Workforce Command Center
  Scoped under .hk-v4-homepage — do not affect other CMS pages.
*/


/* Hide legacy base.html chrome on V4 homepage / unified shell.
   Live DOM: .navbar-area / .main-nav / .ubermenu / u-header__*, .header-area, footer.footer-area.
   NEVER hide .hk-global-header / .hk-global-footer (Phase 2.5 shared shell). */
body.hk-v4-homepage-active .navbar-area,
body.hk-v4-homepage-active .main-nav,
body.hk-v4-homepage-active .ubermenu,
body.hk-v4-homepage-active .u-header,
body.hk-v4-homepage-active [class*="u-header__"],
body.hk-v4-homepage-active .header-area,
body.hk-v4-homepage-active .footer-area,
body.hk-v4-homepage-active footer.footer-area,
body.hk-v4-homepage-active .hk-phase2-quicknav,
body.hk-v4-homepage-active #magic-cursor,
body.hk-v4-homepage-active .loader-wrap,
body.hk-v4-homepage-active .preloader,
body:has(.hk-v4-homepage) .navbar-area,
body:has(.hk-v4-homepage) .main-nav,
body:has(.hk-v4-homepage) .ubermenu,
body:has(.hk-v4-homepage) .u-header,
body:has(.hk-v4-homepage) [class*="u-header__"],
body:has(.hk-v4-homepage) .header-area,
body:has(.hk-v4-homepage) .footer-area,
body:has(.hk-v4-homepage) footer.footer-area,
body:has(.hk-v4-homepage) .hk-phase2-quicknav,
body:has(.hk-v4-homepage) #magic-cursor,
body:has(.hk-v4-homepage) .loader-wrap,
body:has(.hk-v4-homepage) .preloader {
  display: none !important;
}
body.hk-v4-homepage-active .hk-global-header,
body.hk-v4-homepage-active .hk-global-footer,
body:has(.hk-v4-homepage) .hk-global-header,
body:has(.hk-v4-homepage) .hk-global-footer {
  display: block !important;
}
body.hk-v4-homepage-active .hk-v4-site-header,
body.hk-v4-homepage-active header.site-header:not(.hk-global-header),
body:has(.hk-v4-homepage) .hk-v4-site-header,
body:has(.hk-v4-homepage) header.site-header:not(.hk-global-header) {
  display: none !important;
}
body.hk-v4-homepage-active,
body:has(.hk-v4-homepage) {
  padding-top: 0 !important;
}
.hk-v4-homepage {

      --navy-950: #061326;
      --navy-900: #071b33;
      --navy-850: #0b2442;
      --navy-800: #0f2e55;
      --navy-700: #16456f;
      --blue-500: #2f80ed;
      --cyan-400: #43c6d7;
      --orange-500: #f07020;
      --orange-600: #d95f12;
      --gold-400: #f4b24b;
      --cream-50: #fbfaf7;
      --cream-100: #f6f3ee;
      --cream-200: #ede7dd;
      --white: #ffffff;
      --ink-900: #111827;
      --ink-700: #374151;
      --ink-600: #4b5563;
      --ink-500: #6b7280;
      --line: rgba(15, 46, 85, 0.14);
      --shadow-sm: 0 6px 20px rgba(6, 19, 38, 0.08);
      --shadow-md: 0 16px 42px rgba(6, 19, 38, 0.12);
      --shadow-lg: 0 28px 80px rgba(6, 19, 38, 0.20);
      --radius-md: 14px;
      --radius-lg: 20px;
      --radius-xl: 28px;
      --container: 1180px;
      --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    
}
.hk-v4-homepage * {
 box-sizing: border-box; 
}
.hk-v4-homepage {
 scroll-behavior: smooth; -webkit-text-size-adjust: 100%; 
}
.hk-v4-homepage {

      margin: 0;
      font-family: var(--font);
      color: var(--ink-900);
      background: var(--cream-50);
      line-height: 1.55;
      overflow-x: hidden;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    
}
.hk-v4-homepage a {
 color: inherit; text-decoration: none; 
}
.hk-v4-homepage button, .hk-v4-homepage input, .hk-v4-homepage select, .hk-v4-homepage textarea {
 font: inherit; 
}
.hk-v4-homepage img, .hk-v4-homepage svg {
 max-width: 100%; display: block; 
}
.hk-v4-homepage .container {
 width: min(var(--container), calc(100% - 40px)); margin: 0 auto; 
}
.hk-v4-homepage .skip-link {
 position:absolute; left:12px; top:-60px; z-index:999; background:var(--orange-500); color:#fff; padding:10px 14px; border-radius:10px; font-weight:800; 
}
.hk-v4-homepage .skip-link:focus {
 top:12px; 
}
.hk-v4-homepage :focus-visible {
 outline: 3px solid rgba(240,112,32,.55); outline-offset: 3px; border-radius: 8px; 
}
.hk-v4-homepage .btn {

      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 46px;
      padding: 12px 20px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 850;
      border: 1px solid transparent;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      white-space: nowrap;
    
}
.hk-v4-homepage .btn:hover {
 transform: translateY(-1px); 
}
.hk-v4-homepage .btn-primary {
 background: var(--orange-500); color: #fff; box-shadow: 0 14px 28px rgba(240,112,32,.25); 
}
.hk-v4-homepage .btn-primary:hover {
 background: var(--orange-600); box-shadow: 0 16px 34px rgba(240,112,32,.32); 
}
.hk-v4-homepage .btn-secondary {
 background: #fff; color: var(--navy-900); border-color: rgba(255,255,255,.24); 
}
.hk-v4-homepage .btn-secondary:hover {
 box-shadow: var(--shadow-sm); 
}
.hk-v4-homepage .btn-ghost-dark {
 border-color: rgba(255,255,255,.28); color:#fff; background:rgba(255,255,255,.07); 
}
.hk-v4-homepage .btn-ghost-dark:hover {
 background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.46); 
}
.hk-v4-homepage .btn-outline {
 border-color: rgba(7,27,51,.18); color: var(--navy-900); background:#fff; 
}
.hk-v4-homepage .btn-outline:hover {
 border-color: var(--orange-500); color: var(--orange-600); box-shadow: var(--shadow-sm); 
}
.hk-v4-homepage .eyebrow {
 display:inline-flex; align-items:center; gap:9px; color: var(--orange-500); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; 
}
.hk-v4-homepage .eyebrow::before {
 content:""; width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 0 0 6px rgba(240,112,32,.12); 
}
.hk-v4-homepage .section {
 padding: 88px 0; 
}
.hk-v4-homepage .section-tight {
 padding: 64px 0; 
}
.hk-v4-homepage .section-alt {
 background: var(--cream-100); 
}
.hk-v4-homepage .section-dark {
 background: var(--navy-950); color:#fff; position:relative; overflow:hidden; 
}
.hk-v4-homepage .section-dark::before {
 content:""; position:absolute; inset:auto -20% -45% -20%; height:440px; background: radial-gradient(circle at center, rgba(67,198,215,.18), transparent 62%); pointer-events:none; 
}
.hk-v4-homepage .section-head {
 display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:34px; 
}
.hk-v4-homepage .section-head.center {
 display:block; text-align:center; max-width:760px; margin:0 auto 38px; 
}
.hk-v4-homepage .section-title {
 margin:12px 0 0; font-size: clamp(32px, 4vw, 52px); line-height:1.02; letter-spacing:-.045em; color:inherit; 
}
.hk-v4-homepage .section-desc {
 margin:14px 0 0; color: var(--ink-600); font-size: 17px; max-width: 650px; 
}
.hk-v4-homepage .section-dark .section-desc, .hk-v4-homepage .section-dark .muted {
 color: rgba(255,255,255,.72); 
}
.hk-v4-homepage .muted {
 color: var(--ink-600); 
}
.hk-v4-homepage .site-header {
 position:sticky; top:0; z-index:90; background:rgba(251,250,247,.88); border-bottom:1px solid rgba(7,27,51,.08); backdrop-filter: blur(18px); 
}
.hk-v4-homepage .nav {
 min-height:82px; display:flex; align-items:center; gap:22px; padding:10px 0; 
}
.hk-v4-homepage .brand {
 display:flex; align-items:center; min-width:max-content; 
}
.hk-v4-homepage .brand-logo {
 height:56px; width:auto; object-fit:contain; 
}
.hk-v4-homepage .brand-mark {
 display:none; 
}
.hk-v4-homepage .nav-links {
 display:flex; align-items:center; gap:3px; margin-left:auto; 
}
.hk-v4-homepage .nav-links a {
 padding:10px 11px; border-radius:999px; color:var(--ink-700); font-size:13px; font-weight:780; 
}
.hk-v4-homepage .nav-links a:hover {
 background:#fff; color:var(--navy-900); box-shadow: var(--shadow-sm); 
}
.hk-v4-homepage .nav-ctas {
 display:flex; gap:10px; align-items:center; 
}
.hk-v4-homepage .nav-toggle {
 display:none; margin-left:auto; width:44px; height:44px; border-radius:12px; border:1px solid var(--line); background:#fff; color:var(--navy-900); 
}
.hk-v4-homepage .hero {
 background: var(--navy-950); color:#fff; position:relative; overflow:hidden; padding: 86px 0 34px; 
}
.hk-v4-homepage .hero::before {
 content:""; position:absolute; inset:0; background: radial-gradient(circle at 15% 18%, rgba(47,128,237,.24), transparent 26%), radial-gradient(circle at 83% 6%, rgba(240,112,32,.20), transparent 25%), linear-gradient(120deg, rgba(255,255,255,.07) 0 1px, transparent 1px 120px); opacity:.88; 
}
.hk-v4-homepage .hero::after {
 content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 70%, rgba(6,19,38,.74)); 
}
.hk-v4-homepage .hero-grid {
 position:relative; z-index:1; display:grid; grid-template-columns: 1.03fr .97fr; gap:50px; align-items:center; 
}
.hk-v4-homepage .hero h1 {
 margin:16px 0 18px; font-size: clamp(34px, 4.8vw, 60px); line-height:1.02; letter-spacing:-.05em; max-width:720px; 
}
.hk-v4-homepage .hero h1 strong {
 color: var(--gold-400); font-weight:900; 
}
.hk-v4-homepage .hero-lead {
 margin:0 0 24px; color:rgba(255,255,255,.76); font-size:clamp(16px, 1.2vw, 19px); max-width:650px; 
}
.hk-v4-homepage .hero-actions {
 display:flex; flex-wrap:wrap; gap:12px; 
}
.hk-v4-homepage .hero-note {
 margin-top:18px; font-size:13px; color:rgba(255,255,255,.55); 
}
.hk-v4-homepage .command-card {
 background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); border:1px solid rgba(255,255,255,.18); border-radius: var(--radius-xl); padding:22px; box-shadow: var(--shadow-lg); backdrop-filter: blur(12px); 
}
.hk-v4-homepage .command-top {
 display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:18px; 
}
.hk-v4-homepage .command-top strong {
 font-size:18px; 
}
.hk-v4-homepage .status-pill {
 font-size:12px; color:#b7f7df; background:rgba(24,167,105,.14); border:1px solid rgba(92,255,190,.20); padding:7px 10px; border-radius:999px; font-weight:850; 
}
.hk-v4-homepage .pipeline {
 display:grid; gap:10px; 
}
.hk-v4-homepage .pipe-step {
 display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center; padding:14px; border-radius:16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); 
}
.hk-v4-homepage .pipe-icon {
 width:44px; height:44px; border-radius:14px; background:rgba(240,112,32,.17); color:var(--gold-400); display:grid; place-items:center; 
}
.hk-v4-homepage .pipe-step h3 {
 margin:0 0 2px; font-size:14px; 
}
.hk-v4-homepage .pipe-step p {
 margin:0; font-size:12px; color:rgba(255,255,255,.62); 
}
.hk-v4-homepage .pipe-arrow {
 color:rgba(255,255,255,.42); 
}
.hk-v4-homepage .hero-chips {
 position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; padding-top:24px; border-top:1px solid rgba(255,255,255,.13); 
}
.hk-v4-homepage .hero-chip {
 font-size:12px; font-weight:850; color:rgba(255,255,255,.80); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:9px 12px; 
}
.hk-v4-homepage .audience-grid {
 display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; 
}
.hk-v4-homepage .path-card, .hk-v4-homepage .cap-card, .hk-v4-homepage .playbook-card, .hk-v4-homepage .resource-card, .hk-v4-homepage .contact-panel {
 background:#fff; border:1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); 
}
.hk-v4-homepage .path-card {
 padding:26px; min-height:270px; display:flex; flex-direction:column; transition:.2s ease; 
}
.hk-v4-homepage .path-card:hover {
 transform:translateY(-3px); box-shadow:var(--shadow-md); 
}
.hk-v4-homepage .card-icon {
 width:52px; height:52px; border-radius:17px; background:var(--cream-100); color:var(--orange-500); display:grid; place-items:center; margin-bottom:18px; 
}
.hk-v4-homepage .path-card h3, .hk-v4-homepage .cap-card h3, .hk-v4-homepage .playbook-card h3, .hk-v4-homepage .resource-card h3 {
 margin:0 0 10px; font-size:19px; letter-spacing:-.025em; 
}
.hk-v4-homepage .path-card p, .hk-v4-homepage .cap-card p, .hk-v4-homepage .playbook-card p, .hk-v4-homepage .resource-card p {
 margin:0; color:var(--ink-600); font-size:14.5px; 
}
.hk-v4-homepage .card-link {
 margin-top:auto; padding-top:22px; color:var(--orange-600); font-size:14px; font-weight:900; display:inline-flex; gap:7px; align-items:center; 
}
.hk-v4-homepage .outcome-grid {
 display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; 
}
.hk-v4-homepage .outcome-card {
 padding:30px; border-radius: var(--radius-xl); background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); position:relative; overflow:hidden; min-height:295px; 
}
.hk-v4-homepage .outcome-card.dark {
 background:linear-gradient(135deg, var(--navy-950), var(--navy-800)); color:#fff; 
}
.hk-v4-homepage .outcome-card::before {
 content:""; position:absolute; inset:0 auto 0 0; width:5px; background: var(--orange-500); 
}
.hk-v4-homepage .outcome-card h3 {
 margin:0 0 10px; font-size:25px; letter-spacing:-.035em; 
}
.hk-v4-homepage .outcome-card p {
 margin:0 0 18px; color:var(--ink-600); 
}
.hk-v4-homepage .outcome-card.dark p, .hk-v4-homepage .outcome-card.dark li {
 color:rgba(255,255,255,.72); 
}
.hk-v4-homepage .outcome-card ul {
 margin:0; padding:0; display:grid; gap:9px; 
}
.hk-v4-homepage .outcome-card li {
 display:flex; gap:9px; color:var(--ink-700); font-size:14px; 
}
.hk-v4-homepage .outcome-card li::before {
 content:"✓"; color:var(--orange-500); font-weight:950; 
}
.hk-v4-homepage .cap-grid {
 display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; 
}
.hk-v4-homepage .cap-card {
 padding:24px; min-height:230px; 
}
.hk-v4-homepage .cap-card.feature {
 background:linear-gradient(135deg, var(--navy-950), var(--navy-800)); color:#fff; 
}
.hk-v4-homepage .cap-card.feature p {
 color:rgba(255,255,255,.72); 
}
.hk-v4-homepage .cap-tag {
 display:inline-flex; margin-bottom:18px; padding:7px 10px; border-radius:999px; background:var(--cream-100); color:var(--orange-600); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; 
}
.hk-v4-homepage .cap-card.feature .cap-tag {
 background:rgba(240,112,32,.16); color:var(--gold-400); border:1px solid rgba(240,112,32,.28); 
}
.hk-v4-homepage .training-wrap {
 position:relative; z-index:1; display:grid; grid-template-columns: .95fr 1.05fr; gap:44px; align-items:center; 
}
.hk-v4-homepage .track-list {
 display:grid; gap:12px; 
}
.hk-v4-homepage .track {
 background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); border-radius:18px; padding:18px; 
}
.hk-v4-homepage .track h3 {
 margin:0 0 6px; font-size:18px; 
}
.hk-v4-homepage .track p {
 margin:0; font-size:14px; color:rgba(255,255,255,.70); 
}
.hk-v4-homepage .safe-note {
 margin-top:18px; padding:14px 16px; border-radius:16px; background:rgba(244,178,75,.12); border:1px solid rgba(244,178,75,.24); color:rgba(255,255,255,.80); font-size:13px; 
}
.hk-v4-homepage .federal-panel {
 background:linear-gradient(135deg, var(--navy-950), var(--navy-850)); color:#fff; border-radius:var(--radius-xl); padding:34px; display:grid; grid-template-columns:1fr .95fr; gap:34px; box-shadow:var(--shadow-lg); overflow:hidden; position:relative; 
}
.hk-v4-homepage .federal-panel::after {
 content:""; position:absolute; right:-80px; top:-120px; width:300px; height:300px; border:1px solid rgba(255,255,255,.12); border-radius:50%; 
}
.hk-v4-homepage .federal-list {
 display:grid; gap:12px; align-content:center; position:relative; z-index:1; 
}
.hk-v4-homepage .federal-list li {
 display:flex; gap:10px; color:rgba(255,255,255,.75); font-size:15px; 
}
.hk-v4-homepage .federal-list li::before {
 content:""; margin-top:8px; width:7px; height:7px; border-radius:50%; background:var(--gold-400); flex:0 0 auto; 
}
.hk-v4-homepage .playbook-grid {
 display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; 
}
.hk-v4-homepage .playbook-card {
 padding:24px; display:flex; flex-direction:column; 
}
.hk-v4-homepage .label {
 display:inline-flex; align-self:flex-start; margin-bottom:16px; padding:7px 10px; border-radius:999px; background:var(--cream-100); color:var(--navy-700); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; 
}
.hk-v4-homepage .playbook-section {
 margin-top:16px; padding-top:16px; border-top:1px solid var(--line); 
}
.hk-v4-homepage .playbook-section strong {
 display:block; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--orange-600); margin-bottom:4px; 
}
.hk-v4-homepage .research-grid {
 display:grid; grid-template-columns:1.2fr 1.2fr .8fr; gap:18px; 
}
.hk-v4-homepage .resource-card {
 padding:24px; min-height:240px; display:flex; flex-direction:column; 
}
.hk-v4-homepage .resource-card.dark {
 background:var(--navy-900); color:#fff; 
}
.hk-v4-homepage .resource-card.dark p {
 color:rgba(255,255,255,.72); 
}
.hk-v4-homepage .resource-type {
 font-size:12px; font-weight:900; color:var(--orange-600); text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px; 
}
.hk-v4-homepage .contact-grid {
 display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:start; 
}
.hk-v4-homepage .contact-panel {
 padding:26px; 
}
.hk-v4-homepage .contact-points {
 display:grid; gap:12px; margin-top:20px; 
}
.hk-v4-homepage .contact-point {
 display:flex; gap:12px; padding:14px; border-radius:16px; background:var(--cream-100); color:var(--ink-700); font-size:14px; 
}
.hk-v4-homepage .form-card {
 background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl); box-shadow:var(--shadow-md); padding:24px; 
}
.hk-v4-homepage .tabs {
 display:flex; gap:8px; margin-bottom:18px; padding:6px; background:var(--cream-100); border-radius:999px; 
}
.hk-v4-homepage .tab {
 flex:1; border:0; border-radius:999px; padding:10px 12px; background:transparent; font-weight:900; color:var(--ink-600); 
}
.hk-v4-homepage .tab.active {
 background:#fff; color:var(--navy-900); box-shadow:var(--shadow-sm); 
}
.hk-v4-homepage .form-grid {
 display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; 
}
.hk-v4-homepage .form-field {
 display:grid; gap:6px; 
}
.hk-v4-homepage .form-field.full {
 grid-column:1 / -1; 
}
.hk-v4-homepage label {
 font-size:13px; font-weight:850; color:var(--ink-700); 
}
.hk-v4-homepage input, .hk-v4-homepage select, .hk-v4-homepage textarea {
 width:100%; border:1px solid rgba(7,27,51,.16); background:var(--cream-50); border-radius:14px; min-height:46px; padding:11px 12px; color:var(--ink-900); 
}
.hk-v4-homepage textarea {
 min-height:118px; resize:vertical; 
}
.hk-v4-homepage input:focus, .hk-v4-homepage select:focus, .hk-v4-homepage textarea:focus {
 outline:none; border-color:var(--orange-500); box-shadow:0 0 0 4px rgba(240,112,32,.12); 
}
.hk-v4-homepage .form-note {
 margin:14px 0 0; color:var(--ink-500); font-size:12px; 
}
.hk-v4-homepage .footer {
 background:var(--navy-950); color:#fff; padding:56px 0 28px; 
}
.hk-v4-homepage .fraud {
 padding:16px 18px; border-radius:18px; background:rgba(240,112,32,.12); border:1px solid rgba(240,112,32,.24); color:rgba(255,255,255,.82); margin-bottom:32px; font-size:14px; 
}
.hk-v4-homepage .footer-grid {
 display:grid; grid-template-columns:1.3fr repeat(5, 1fr); gap:24px; 
}
.hk-v4-homepage .footer-logo {
 width:220px; max-width:100%; height:auto; margin-bottom:12px; 
}
.hk-v4-homepage .footer h3, .hk-v4-homepage .footer h4 {
 margin:0 0 14px; color:#fff; 
}
.hk-v4-homepage .footer p, .hk-v4-homepage .footer a {
 color:rgba(255,255,255,.66); font-size:13px; 
}
.hk-v4-homepage .footer a:hover {
 color:var(--gold-400); 
}
.hk-v4-homepage .footer ul {
 list-style:none; padding:0; margin:0; display:grid; gap:9px; 
}
.hk-v4-homepage .footer-bottom {
 border-top:1px solid rgba(255,255,255,.12); margin-top:30px; padding-top:20px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:rgba(255,255,255,.46); font-size:12px; 
}
.hk-v4-homepage .socials {
 display:flex; gap:10px; margin-top:18px; 
}
.hk-v4-homepage .socials a {
 width:36px; height:36px; border-radius:12px; background:rgba(255,255,255,.07); display:grid; place-items:center; color:#fff; 
}
.hk-v4-homepage .mobile-menu {
 display:none; 
}
.hk-v4-homepage {

      --section-pad-desktop: 76px;
      --section-pad-mobile: 50px;
    
}
.hk-v4-homepage .section {
 padding: var(--section-pad-desktop) 0; 
}
.hk-v4-homepage .section-tight {
 padding: 52px 0; 
}
.hk-v4-homepage .section-head {
 margin-bottom: 28px; 
}
.hk-v4-homepage .section-head.center {
 margin-bottom: 32px; 
}
.hk-v4-homepage .section-title {
 max-width: 920px; 
}
.hk-v4-homepage .section-desc {
 font-size: 16px; line-height: 1.65; 
}
.hk-v4-homepage .site-header {
 box-shadow: 0 1px 0 rgba(7,27,51,.04); 
}
.hk-v4-homepage .nav {
 min-height: 74px; gap: 18px; 
}
.hk-v4-homepage .brand-logo {

      height: 48px;
      width: auto;
      max-width: 230px;
      object-fit: contain;
    
}
.hk-v4-homepage .nav-links a {

      font-size: 12.5px;
      padding: 9px 9px;
    
}
.hk-v4-homepage .nav-ctas .btn {

      min-height: 42px;
      padding: 10px 16px;
      font-size: 13px;
    
}
.hk-v4-homepage .hero {

      padding: 72px 0 28px;
      min-height: unset;
    
}
.hk-v4-homepage .hero-grid {

      grid-template-columns: minmax(0, 1fr) minmax(380px, .86fr);
      gap: 42px;
    
}
.hk-v4-homepage .hero h1 {

      font-size: clamp(32px, 4.15vw, 56px);
      line-height: 1.04;
      max-width: 700px;
    
}
.hk-v4-homepage .hero-lead {

      font-size: clamp(15.75px, 1.05vw, 18px);
      line-height: 1.68;
    
}
.hk-v4-homepage .hero-actions .btn {

      min-height: 44px;
      padding: 11px 18px;
    
}
.hk-v4-homepage .command-card {

      border-radius: 24px;
      padding: 18px;
    
}
.hk-v4-homepage .pipe-step {

      padding: 12px;
      border-radius: 14px;
    
}
.hk-v4-homepage .pipe-icon {

      width: 40px;
      height: 40px;
      border-radius: 12px;
    
}
.hk-v4-homepage .hero-chips {

      margin-top: 26px;
      padding-top: 18px;
    
}
.hk-v4-homepage .hero-chip {

      padding: 7px 10px;
    
}
.hk-v4-homepage .path-card, .hk-v4-homepage .cap-card, .hk-v4-homepage .playbook-card, .hk-v4-homepage .resource-card, .hk-v4-homepage .contact-panel, .hk-v4-homepage .outcome-card, .hk-v4-homepage .form-card {

      border-color: rgba(7,27,51,.11);
    
}
.hk-v4-homepage .path-card {

      padding: 22px;
      min-height: 235px;
    
}
.hk-v4-homepage .outcome-card {

      padding: 26px;
      min-height: 252px;
    
}
.hk-v4-homepage .cap-card {

      padding: 22px;
      min-height: 205px;
    
}
.hk-v4-homepage .playbook-card {

      padding: 22px;
    
}
.hk-v4-homepage .contact-panel {

      padding: 30px;
      background:
        radial-gradient(circle at top left, rgba(240,112,32,.10), transparent 34%),
        #fff;
    
}
.hk-v4-homepage .contact-points {

      gap: 10px;
    
}
.hk-v4-homepage .contact-point {

      align-items: center;
      border: 1px solid rgba(7,27,51,.08);
      background: rgba(246,243,238,.72);
    
}
.hk-v4-homepage .form-card {

      padding: 26px;
      border-radius: 26px;
      box-shadow: 0 18px 50px rgba(6, 19, 38, .12);
    
}
.hk-v4-homepage .tabs {

      border: 1px solid rgba(7,27,51,.08);
      margin-bottom: 20px;
    
}
.hk-v4-homepage input, .hk-v4-homepage select, .hk-v4-homepage textarea {

      background: #fff;
      min-height: 48px;
      border-radius: 13px;
    
}
.hk-v4-homepage textarea {
 min-height: 126px; 
}
.hk-v4-homepage .form-note {

      background: var(--cream-100);
      border: 1px solid rgba(7,27,51,.08);
      padding: 10px 12px;
      border-radius: 12px;
    
}
.hk-v4-homepage .footer {

      padding: 46px 0 24px;
    
}
.hk-v4-homepage .footer-brand-card {

      display: inline-flex;
      align-items: center;
      background: #fff;
      border-radius: 16px;
      padding: 8px 10px;
      margin-bottom: 14px;
      box-shadow: 0 10px 28px rgba(0,0,0,.12);
    
}
.hk-v4-homepage .footer-logo {

      width: 200px;
      margin: 0;
    
}
.hk-v4-homepage .footer h4 {

      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .09em;
      color: rgba(255,255,255,.95);
    
}
.hk-v4-homepage .footer p, .hk-v4-homepage .footer a {

      line-height: 1.65;
    
}
.hk-v4-homepage .footer-grid {

      grid-template-columns: minmax(260px, 1.35fr) repeat(5, minmax(120px, 1fr));
      gap: 22px;
    
}
.hk-v4-homepage .socials {

      display: none;
    
}
.hk-v4-homepage .fraud {

      margin-bottom: 26px;
    
}
.hk-v4-homepage .mobile-menu-actions {

      display: none;
    
}
@media (max-width: 1080px) {
  .hk-v4-homepage .hero-grid {
        grid-template-columns: 1fr;
      }
  .hk-v4-homepage .command-card {
        max-width: 680px;
      }
  .hk-v4-homepage .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
}

@media (max-width: 720px) {
  .hk-v4-homepage .container {
        width: min(100% - 24px, var(--container));
      }
  .hk-v4-homepage .nav {
        min-height: 66px;
        padding: 8px 0;
      }
  .hk-v4-homepage .brand-logo {
        height: 36px;
        max-width: 175px;
      }
  .hk-v4-homepage .nav-toggle {
        width: 40px;
        height: 40px;
      }
  .hk-v4-homepage .hero {
        padding: 46px 0 22px;
      }
  .hk-v4-homepage .hero h1 {
        font-size: clamp(28px, 8.6vw, 38px);
        letter-spacing: -.04em;
        margin-bottom: 14px;
      }
  .hk-v4-homepage .hero-lead {
        font-size: 15px;
        line-height: 1.62;
        margin-bottom: 20px;
      }
  .hk-v4-homepage .eyebrow {
        font-size: 10.5px;
        letter-spacing: .1em;
      }
  .hk-v4-homepage .hero-actions {
        gap: 10px;
      }
  .hk-v4-homepage .hero-actions .btn {
        width: 100%;
        min-height: 46px;
      }
  .hk-v4-homepage .hero-note {
        font-size: 12px;
      }
  .hk-v4-homepage .command-card {
        margin-top: 4px;
      }
  .hk-v4-homepage .command-top {
        display: grid;
        gap: 8px;
      }
  .hk-v4-homepage .pipe-step {
        grid-template-columns: 36px 1fr;
        gap: 10px;
      }
  .hk-v4-homepage .pipe-icon {
        width: 36px;
        height: 36px;
      }
  .hk-v4-homepage .pipe-step h3 {
        font-size: 13.5px;
      }
  .hk-v4-homepage .pipe-step p {
        font-size: 11.5px;
      }
  .hk-v4-homepage .hero-chips {
        margin-top: 20px;
        padding-top: 16px;
      }
  .hk-v4-homepage .hero-chip {
        font-size: 11.5px;
        padding: 7px 9px;
      }
  .hk-v4-homepage .section {
        padding: var(--section-pad-mobile) 0;
      }
  .hk-v4-homepage .section-tight {
        padding: 42px 0;
      }
  .hk-v4-homepage .section-head {
        margin-bottom: 24px;
      }
  .hk-v4-homepage .section-title {
        font-size: clamp(27px, 7.4vw, 34px);
        line-height: 1.08;
      }
  .hk-v4-homepage .section-desc {
        font-size: 15px;
      }
  .hk-v4-homepage .path-card, .hk-v4-homepage .outcome-card, .hk-v4-homepage .cap-card, .hk-v4-homepage .playbook-card, .hk-v4-homepage .resource-card, .hk-v4-homepage .contact-panel, .hk-v4-homepage .form-card {
        border-radius: 18px;
        padding: 20px;
      }
  .hk-v4-homepage .card-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
      }
  .hk-v4-homepage .outcome-card {
        min-height: auto;
      }
  .hk-v4-homepage .federal-panel {
        padding: 24px 20px;
        border-radius: 22px;
      }
  .hk-v4-homepage .contact-grid {
        gap: 20px;
      }
  .hk-v4-homepage .tabs {
        border-radius: 16px;
        display: grid;
        grid-template-columns: 1fr;
      }
  .hk-v4-homepage .tab {
        border-radius: 12px;
      }
  .hk-v4-homepage .mobile-menu.open {
        inset: 72px 12px auto 12px;
        padding: 12px;
        border-radius: 18px;
      }
  .hk-v4-homepage .mobile-menu a {
        padding: 12px 13px;
        font-size: 14px;
      }
  .hk-v4-homepage .mobile-menu-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        border-top: 1px solid rgba(7,27,51,.08);
        margin-top: 8px;
        padding-top: 12px;
      }
  .hk-v4-homepage .mobile-menu-actions a {
        text-align: center;
        padding: 11px 12px;
        border-radius: 999px;
      }
  .hk-v4-homepage .mobile-menu-actions a:first-child {
        border: 1px solid rgba(7,27,51,.14);
        background: #fff;
      }
  .hk-v4-homepage .mobile-menu-actions a:last-child {
        background: var(--orange-500);
        color: #fff;
      }
  .hk-v4-homepage .footer {
        padding: 38px 0 22px;
      }
  .hk-v4-homepage .footer-grid {
        grid-template-columns: 1fr;
        gap: 22px;
      }
  .hk-v4-homepage .footer-brand-card {
        padding: 7px 8px;
      }
  .hk-v4-homepage .footer-logo {
        width: 176px;
      }
  .hk-v4-homepage .footer-bottom {
        display: grid;
        gap: 10px;
      }
}

@media (max-width: 1080px) {
  .hk-v4-homepage .nav-links { display:none; }
  .hk-v4-homepage .nav-toggle { display:grid; place-items:center; }
  .hk-v4-homepage .nav-ctas .btn-outline { display:none; }
  .hk-v4-homepage .hero-grid, .hk-v4-homepage .training-wrap, .hk-v4-homepage .federal-panel, .hk-v4-homepage .contact-grid { grid-template-columns:1fr; }
  .hk-v4-homepage .audience-grid { grid-template-columns:repeat(2, 1fr); }
  .hk-v4-homepage .cap-grid, .hk-v4-homepage .playbook-grid, .hk-v4-homepage .research-grid { grid-template-columns:repeat(2, 1fr); }
  .hk-v4-homepage .footer-grid { grid-template-columns:repeat(3, 1fr); }
  .hk-v4-homepage .command-card { max-width:620px; }
}

@media (max-width: 720px) {
  .hk-v4-homepage .container { width:min(100% - 28px, var(--container)); }
  .hk-v4-homepage .nav { min-height:72px; }
  .hk-v4-homepage .nav-ctas { display:none; }
  .hk-v4-homepage .hero { padding-top:64px; }
  .hk-v4-homepage .brand-logo { height:42px; }
  .hk-v4-homepage .hero-grid { gap:28px; }
  .hk-v4-homepage .hero h1 { font-size:clamp(30px, 9.8vw, 42px); line-height:1.04; }
  .hk-v4-homepage .hero-lead { font-size:15.5px; }
  .hk-v4-homepage .section-title { font-size:clamp(28px, 8vw, 36px); }
  .hk-v4-homepage .hero-actions .btn { width:100%; }
  .hk-v4-homepage .command-card { padding:16px; }
  .hk-v4-homepage .pipe-step { grid-template-columns:38px 1fr; }
  .hk-v4-homepage .pipe-arrow { display:none; }
  .hk-v4-homepage .hero-chips { gap:8px; }
  .hk-v4-homepage .section { padding:64px 0; }
  .hk-v4-homepage .section-head { display:block; }
  .hk-v4-homepage .audience-grid, .hk-v4-homepage .outcome-grid, .hk-v4-homepage .cap-grid, .hk-v4-homepage .playbook-grid, .hk-v4-homepage .research-grid, .hk-v4-homepage .form-grid, .hk-v4-homepage .footer-grid { grid-template-columns:1fr; }
  .hk-v4-homepage .path-card { min-height:auto; }
  .hk-v4-homepage .footer-bottom { display:block; }
  .hk-v4-homepage .footer-bottom div { margin-top:10px; }
  .hk-v4-homepage .mobile-menu.open { display:block; position:fixed; inset:76px 12px auto 12px; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); padding:14px; z-index:80; max-height:calc(100vh - 92px); overflow:auto; }
  .hk-v4-homepage .mobile-menu a { display:block; padding:13px 14px; border-radius:14px; font-weight:850; color:var(--ink-700); }
  .hk-v4-homepage .mobile-menu a:hover { background:var(--cream-100); }
}

@media (max-width: 720px) {
  .hk-v4-homepage .brand-logo { height: 36px !important; max-width: 175px !important; }
  .hk-v4-homepage .hero h1 { font-size: clamp(28px, 8.6vw, 38px) !important; line-height: 1.04 !important; }
  .hk-v4-homepage .hero-lead { font-size: 15px !important; line-height: 1.62 !important; }
  .hk-v4-homepage .mobile-menu.open { inset: 72px 12px auto 12px !important; max-height: calc(100vh - 88px); overflow: auto; }
}