@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

/* HireVista Editorial Launch Theme — static, dependency-free */
:root{
  /* Midnight Navy / Indigo Signal */
  --ink:#0e1430; --ink-2:#161e42; --ink-3:#1e2a5a; --ink-line:rgba(255,255,255,.10);
  --text:#3d4557; --muted:#6b7386; --heading:#0f1729;
  --paper:#f1f4f9; --paper-2:#e8eaf0; --white:#ffffff; --line:#e2e5ec;
  --indigo:#5b5bd6; --indigo-2:#7a6cf0; --azure:#2b5ce0; --azure-2:#4f8fff;
  --cyan:#56c7dc; --on-dark:#a8b2cc; --on-dark-2:#7f8bab;
  --glow:radial-gradient(1100px 520px at 72% 42%,rgba(64,72,190,.55),transparent 68%);
  --shadow:0 22px 60px rgba(14,20,48,.10); --radius:18px; --max:1220px;
  --serif:"Manrope","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --sans:"Inter","Segoe UI Variable Text","Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#0e1430;padding:10px 14px;z-index:999}.skip-link:focus{left:10px}.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,229,236,.9)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--serif);font-size:30px;font-weight:800;letter-spacing:-.035em;color:var(--ink);display:inline-flex;align-items:center}.brand-mark{display:none}.menu{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600;color:#3d4557}.menu>a:not(.nav-cta),.drop>button{position:relative}.menu>a:not(.nav-cta):after,.drop>button:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--indigo);transition:.2s}.menu>a:not(.nav-cta):hover:after,.drop>button:hover:after{right:0}.drop{position:relative}.drop>button{border:0;background:transparent;font:inherit;color:inherit;padding:8px 0;cursor:pointer}.drop-panel{display:none;position:absolute;left:-22px;top:34px;background:var(--white);border:1px solid var(--line);min-width:285px;padding:12px;box-shadow:var(--shadow);border-radius:12px}.drop.open .drop-panel,.drop:hover .drop-panel{display:block}.drop-panel a{display:block;padding:10px 11px;border-radius:8px;font-size:13px}.drop-panel a:hover{background:var(--paper)}.nav-cta{background:linear-gradient(135deg,#4b4bc8,#6c5ce7);color:white!important;padding:12px 18px;border-radius:8px;box-shadow:0 8px 24px rgba(91,91,214,.24)}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);padding:9px 12px;border-radius:8px;color:var(--ink)}

/* Home hero */
.editorial-hero{position:relative;color:#fff;padding:96px 0 84px;overflow:hidden;min-height:660px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,10,28,.70) 0%,rgba(6,10,28,.56) 34%,rgba(6,10,28,.26) 54%,rgba(8,12,32,0) 70%),linear-gradient(180deg,rgba(6,10,28,.20) 0%,rgba(6,10,28,.05) 45%,rgba(6,10,28,.35) 100%),url('img/home/hero.jpg') center center/cover no-repeat}.editorial-hero-grid{display:block;max-width:none}.eyebrow,.kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.21em;text-transform:uppercase;color:#2b5ce0;margin-bottom:16px}.editorial-hero h1,.hero h1,.section h2,.editorial-title{font-family:var(--serif);color:var(--ink);font-weight:700;letter-spacing:-.04em}.editorial-hero h1{font-size:clamp(46px,5.4vw,78px);line-height:1.02;margin:0 0 22px;max-width:780px}.editorial-hero p{font-family:var(--sans);font-size:18px;line-height:1.58;color:#4a5468;max-width:620px;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:0 0 auto;padding:13px 20px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#4b4bc8,#6c5ce7);color:#fff;box-shadow:0 9px 22px rgba(91,91,214,.24)}.btn-secondary{background:transparent;border-color:#97a3f0;color:#3b45b8}.btn-dark{background:var(--ink);color:#fff}.hero-link{font-weight:700;color:#2b5ce0;border-bottom:1px solid #97a3f0;padding-bottom:4px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid var(--line);padding-top:22px;max-width:860px}.hero-feature{padding-right:18px}.hero-feature+ .hero-feature{border-left:1px solid var(--line);padding-left:20px}.hero-feature strong{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#4a5468}.hero-feature span{display:block;font-size:12px;color:#7c879b;margin-top:3px}.hero-art{position:relative;min-height:505px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(90,102,220,.14);left:6%;top:6%;border:1px solid rgba(140,152,255,.22)}.hero-art:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#3b4bc0,#6c7ce8);right:2%;bottom:8%;opacity:.75}.hero-art-frame{position:relative;z-index:2;width:88%;max-width:540px;box-shadow:0 26px 70px rgba(5,9,28,.55);overflow:hidden;background:#101838;clip-path:polygon(5% 0,100% 0,100% 88%,91% 100%,0 100%,0 10%)}.hero-art-frame img{width:100%;height:500px;object-fit:cover;object-position:center}.hero-art-note{position:absolute;right:-6px;top:55px;z-index:3;font-family:var(--serif);font-style:normal;font-weight:650;font-size:17px;line-height:1.25;letter-spacing:-.02em;color:#4a5468;transform:rotate(-4deg);max-width:118px}.hero-art-badge{position:absolute;left:-2px;bottom:35px;z-index:3;background:rgba(10,15,38,.88);padding:16px 14px;border-left:2px solid var(--indigo);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark)}

.market-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.market-inner{display:grid;grid-template-columns:1.25fr repeat(6,1fr);align-items:center;min-height:78px}.market-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#7c879b;line-height:1.5}.market-name{font-family:var(--sans);font-weight:600;font-size:14px;text-align:center;color:#67728a;letter-spacing:.02em}.market-name:before{content:"◆";font-family:var(--sans);font-size:9px;color:#6c7ce8;margin-right:8px;vertical-align:2px}

.section{padding:82px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--glow),var(--ink);color:#fff}.section h2{font-size:clamp(42px,4.5vw,64px);line-height:1.02;margin:0 0 18px}.section.dark h2{color:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:36px}.section-head>p{max-width:590px;color:var(--muted);margin:0}.section.dark .section-head>p{color:#a8b2cc}.section.dark .kicker{color:#56c7dc}.section-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}.section-intro .editorial-title{font-size:47px;line-height:1.03;margin:0}.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;min-height:270px;position:relative}.process-card .num{position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9eefb;color:#5b5bd6;font-size:11px;font-weight:800}.process-card .icon{font-family:var(--serif);font-size:46px;color:#5b5bd6;margin:46px 0 15px}.process-card h3{font-family:var(--serif);font-size:23px;color:var(--ink);line-height:1.18;font-weight:700;margin:0 0 10px}.process-card p{font-size:14px;color:var(--muted);margin:0}.quote-line{text-align:center;font-family:var(--serif);font-style:normal;font-weight:600;color:#5a6478;font-size:18px;margin-top:22px}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:none}.card h3{font-family:var(--serif);font-size:22px;line-height:1.2;color:var(--ink);font-weight:700;margin:9px 0}.card p{color:var(--muted);margin:0}.card .num{font-size:10px;letter-spacing:.14em;color:var(--indigo);font-weight:800}.choice{position:relative;transition:.22s}.choice:hover{transform:translateY(-4px);border-color:#a9b8e8;box-shadow:0 15px 34px rgba(20,28,60,.08)}.choice .arrow{position:absolute;right:18px;top:14px;color:var(--indigo)}.choice small{display:block;margin-top:16px;color:#2b5ce0;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:24px;min-height:190px;transition:.22s}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,28,60,.08);border-color:#a9b8e8}.service-icon{font-size:28px;color:var(--indigo);margin-bottom:26px}.service-card h3{font-family:var(--serif);font-size:19px;color:var(--ink);line-height:1.2;font-weight:700;margin:0 0 8px}.service-card p{font-size:13px;color:var(--muted);margin:0 0 14px}.service-card .more{color:#2b5ce0;font-size:13px;font-weight:700}

.industries-wrap{display:grid;grid-template-columns:.75fr 2.25fr;gap:36px;align-items:stretch}.industries-wrap .editorial-title{font-size:47px;line-height:1.0;margin:0 0 20px}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.industry-tile{min-height:180px;padding:17px;display:flex;align-items:flex-end;position:relative;overflow:hidden;color:white;font-family:var(--sans);font-weight:650;font-size:14px;line-height:1.2}.industry-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(14,20,48,.85));z-index:1}.industry-tile span{position:relative;z-index:2}.industry-tile.tech{background:url('img/home/tile-tech.jpg') center/cover no-repeat}.industry-tile.finance{background:url('img/home/tile-finance.jpg') center/cover no-repeat}.industry-tile.health{background:url('img/home/tile-health.jpg') center/cover no-repeat}.industry-tile.retail{background:url('img/home/tile-retail.jpg') center/cover no-repeat}.industry-tile.industry{background:url('img/home/tile-industry.jpg') center/cover no-repeat}.industry-tile.pro{background:url('img/home/tile-pro.jpg') center/cover no-repeat}.industry-tile:after{content:"";position:absolute;width:100px;height:170%;left:18%;top:-35%;border:1px solid rgba(255,255,255,.20);transform:rotate(28deg)}

.proof-editorial{display:grid;grid-template-columns:1fr 2fr;min-height:220px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-visual{background:linear-gradient(rgba(10,15,38,.30),rgba(10,15,38,.44)),url('img/home/proof.jpg') center/cover no-repeat;display:flex;align-items:flex-end;padding:28px;color:white;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.proof-points{display:grid;grid-template-columns:repeat(4,1fr);background:#eef1f7}.proof-point{padding:32px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.proof-point strong{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--ink);line-height:1.05}.proof-point span{font-size:12px;color:var(--muted);margin-top:8px}

.story-strip{display:grid;grid-template-columns:1fr 1.05fr .85fr;border-bottom:1px solid var(--line)}.story-copy{padding:34px}.story-copy h3{font-family:var(--serif);font-size:31px;line-height:1.05;color:var(--ink);margin:8px 0 12px}.story-copy p{font-size:13px;color:var(--muted)}.story-panel{background:var(--ink);color:white;padding:34px;display:flex;flex-direction:column;justify-content:center}.story-panel blockquote{font-family:var(--serif);font-size:21px;line-height:1.35;font-weight:600;margin:0 0 18px}.story-panel p{color:#a8b2cc;font-size:12px;margin:0}.story-image{background:url('img/home/story.jpg') center/cover no-repeat;min-height:270px}.story-badge{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#2b5ce0;font-weight:800}

/* Shared compact page hero */
.hero{position:relative;min-height:700px;display:flex;align-items:center;background:var(--glow),linear-gradient(120deg,#0b1028 0%,var(--ink) 50%,#121a44 100%);color:#fff;padding:56px 0;overflow:hidden;border-bottom:1px solid var(--ink-3)}
/* Full-bleed hero background. The scrim is heaviest on the left, where the
   headline sits, and thins toward the right so the artwork stays readable. */
.hero.compact{background:linear-gradient(90deg,rgba(8,12,32,.34) 0%,rgba(8,12,32,.14) 28%,rgba(8,12,32,0) 52%),var(--hero-art) center center/cover no-repeat}.hero.compact .wrap{position:relative;z-index:2;padding-right:34%}/* the page artwork is the hero background now - see .hero.compact below */
.hero.compact:after{display:none}.hero.compact:before{display:none}.hero h1{font-size:clamp(36px,3.5vw,54px);line-height:1.06;margin:0 0 20px;max-width:760px}.hero p{font-family:var(--sans);font-size:17px;line-height:1.6;color:#4a5468;max-width:600px}.breadcrumb{font-size:11px;color:#7c879b;text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}.breadcrumb a{color:#2b5ce0}.micro{font-size:12px!important;font-family:var(--sans)!important;color:#7c879b!important;margin-top:14px!important}

/* Existing content primitives restyled */
.proof-strip{background:#eef1f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text)}.proof-inner{display:grid;grid-template-columns:1.2fr repeat(4,1fr)}.proof-item{padding:22px 18px;border-right:1px solid var(--line);font-family:var(--serif);font-size:16px;color:var(--ink)}.proof-item:first-child{font-weight:700}.proof-item:last-child{border:0}.proof-item span{display:block;color:#7c879b;font-size:11px;font-family:var(--sans);margin-top:3px}.process{counter-reset:steps}.section.dark .process-step{border-top:1px solid rgba(255,255,255,.14)}.process-step{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:70px 1fr 1.25fr;gap:30px;align-items:start}.process-step .n{font-size:11px;color:#7aa0ff;font-weight:850;letter-spacing:.14em}.process-step h3{font-family:var(--serif);font-size:29px;margin:0;line-height:1.05;color:inherit}.process-step p{margin:0;color:var(--muted)}.section.dark .process-step p{color:#a8b2cc}.roles{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid #d5dae5;padding:11px 14px;background:#fff;font-weight:700;font-size:13px}.pill:hover{border-color:#97a3f0;background:#eef2fb}.radar-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}.radar{position:relative;width:100%;aspect-ratio:1;max-width:530px;margin:auto;background:url('img/home/radar.jpg') center/contain no-repeat;border:0;border-radius:18px}.radar:before,.radar:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:rgba(43,92,224,.2)}.radar:after{inset:0 auto 0 50%;width:1px;height:auto}.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-weight:700;box-shadow:0 16px 35px rgba(14,20,48,.22)}.radar-node{position:absolute;background:#fff;color:var(--ink);border:1px solid var(--line);padding:8px 12px;font-size:11px;box-shadow:0 8px 18px rgba(20,28,60,.09)}.rn1{top:10%;left:38%}.rn2{top:25%;right:3%}.rn3{bottom:22%;right:4%}.rn4{bottom:8%;left:37%}.rn5{bottom:24%;left:2%}.rn6{top:26%;left:2%}.checklist{display:grid;gap:12px;margin:22px 0}.check{display:flex;gap:11px;align-items:flex-start}.check i{font-style:normal;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#e6ebfa;color:#3b45b8;display:grid;place-items:center;font-weight:900}.metric-box{background:#fff;border:1px solid var(--line);padding:30px;box-shadow:var(--shadow)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#475061}.field input,.field select,.field textarea{width:100%;border:1px solid #d5dae5;padding:13px;background:#fff;color:var(--ink);outline:none;font:inherit}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#97a3f0;box-shadow:0 0 0 3px rgba(91,91,214,.14)}.calc-result{margin-top:18px;padding:20px;background:var(--ink);color:#fff}.calc-result strong{display:block;font-family:var(--serif);font-size:34px}.note{font-size:12px;color:#7c879b;margin-top:9px}.insight{display:flex;flex-direction:column;min-height:290px}.insight .tag,.tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#2b5ce0}.insight h3{font-size:25px}.insight a{margin-top:auto;font-weight:780;color:#2b5ce0}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:700;padding:20px 40px 20px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:5px;top:18px;color:#2b5ce0}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);max-width:860px;margin:0 0 20px}.cta-band{background:linear-gradient(90deg,rgba(10,15,38,.34),rgba(14,20,48,.22)),url('img/home/cta.jpg') center/cover;color:#fff;padding:43px 46px;display:flex;justify-content:space-between;gap:40px;align-items:center;box-shadow:var(--shadow)}.cta-band h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);margin:0 0 10px;line-height:1.06;font-weight:700}.cta-band p{color:#a8b2cc;margin:0}.cta-band .copy,.cta-band>div:first-child{min-width:0}
.copy{max-width:850px}.copy h2,.copy h3{font-family:var(--serif);color:var(--ink)}.copy h2{font-size:40px;margin-top:52px}.copy h3{font-size:27px;margin-top:34px}.copy p,.copy li{color:#4a5468}.copy ul{padding-left:22px}.highlight{border-left:2px solid var(--indigo);background:#eff3fc;padding:18px 20px;margin:28px 0}.service-matrix{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-matrix .card ul{padding-left:18px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px}.contact-panel{background:var(--ink);color:#fff;padding:32px}.contact-panel h2,.contact-panel h3{color:#fff}.contact-panel a{color:#9fb6ff}.contact-panel p{color:#a8b2cc}.form-status{font-size:13px;margin-top:10px}.empty-state{border:1px dashed #c8cfde;background:#f4f6fa;padding:28px}.legal{max-width:850px}.legal h2{font-family:var(--serif);color:var(--ink);margin-top:38px}

.footer{background:var(--ink);color:var(--on-dark-2);padding:58px 0 26px;border-top:1px solid var(--ink-3)}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:38px}.footer h4{font-family:var(--serif);color:#fff;font-size:18px;margin:0 0 10px}.footer a{display:block;padding:4px 0;font-size:13px}.footer a:hover{color:var(--azure-2)}.footer .brand{font-size:29px}.footer-bottom{border-top:1px solid var(--ink-line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:14px 16px;box-shadow:var(--shadow);z-index:99;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}

/* ============================================================
   Midnight Navy / Indigo Signal — on-dark surface layer.
   The heroes and the footer are dark; everything below re-tints
   the text, rules and controls that sit on top of them.
   Delete this block + the .hero/.editorial-hero/.footer
   background rules to return to the light editorial theme.
   ============================================================ */
.editorial-hero h1,.hero h1{color:#fff}
.accent{font-style:normal;color:var(--azure-2)}
.editorial-hero p,.hero p{color:var(--on-dark)}
.editorial-hero .eyebrow,.editorial-hero .kicker,.hero .eyebrow,.hero .kicker{color:var(--cyan)}
.hero .breadcrumb{color:var(--on-dark-2)}
.hero .breadcrumb a{color:var(--azure-2)}
.hero .micro{color:var(--on-dark-2)!important}
.hero-features{border-top-color:var(--ink-line)}
.hero-feature+ .hero-feature{border-left-color:var(--ink-line)}
.hero-feature strong{color:var(--cyan)}
.hero-feature span{color:var(--on-dark-2)}
.hero-art-note{color:var(--on-dark)}
.hero-art-frame img{filter:none}
.editorial-hero .btn-secondary,.hero .btn-secondary{border-color:rgba(255,255,255,.28);color:#fff}
.editorial-hero .btn-secondary:hover,.hero .btn-secondary:hover{border-color:var(--azure-2);background:rgba(79,143,255,.10)}
.editorial-hero .hero-link,.hero .hero-link{color:var(--azure-2);border-bottom-color:rgba(79,143,255,.5)}
.cta-band h2{color:#fff}
.cta-band p{color:var(--on-dark)}
.footer .brand{color:#fff}
.footer a{color:var(--on-dark-2)}
.footer p{color:var(--on-dark-2)}

/* ============================================================
   Per-page hero artwork. Each page carries a pg-<slug> body class;
   the matching SVG lives in assets/heroes/<slug>.svg.
   To swap in a photograph later, point --hero-art at it -- no other
   CSS change is needed.
   ============================================================ */
:root{--hero-art:url('heroes/about.svg')}
.pg-404{--hero-art:url('heroes/404.svg')}
.pg-about{--hero-art:url('img/hero/about.jpg')}
.pg-case-studies{--hero-art:url('heroes/case-studies.svg')}
.pg-contract-staffing{--hero-art:url('img/hero/contract-staffing.jpg')}
.pg-direct-hire{--hero-art:url('img/hero/direct-hire.jpg')}
.pg-hire-ai-engineers{--hero-art:url('img/hero/hire-ai-engineers.jpg')}
.pg-hire-data-engineers{--hero-art:url('img/hero/hire-data-engineers.jpg')}
.pg-hire-devops-engineers{--hero-art:url('img/hero/hire-devops-engineers.jpg')}
.pg-hire-dot-net-developers{--hero-art:url('img/hero/hire-dot-net-developers.jpg')}
.pg-hire-qa-engineers{--hero-art:url('img/hero/hire-qa-engineers.jpg')}
.pg-hire-react-developers{--hero-art:url('img/hero/hire-react-developers.jpg')}
.pg-hire-software-developers{--hero-art:url('img/hero/hire-software-developers.jpg')}
.pg-how-we-recruit{--hero-art:url('img/hero/how-we-recruit.jpg')}
.pg-industries-saas{--hero-art:url('img/hero/industries-saas.jpg')}
.pg-industries-technology{--hero-art:url('img/hero/industries-technology.jpg')}
.pg-it-recruitment{--hero-art:url('img/hero/it-recruitment.jpg')}
.pg-jobs{--hero-art:url('heroes/jobs.svg')}
.pg-privacy-policy{--hero-art:url('heroes/privacy-policy.svg')}
.pg-recruitment-process-outsourcing{--hero-art:url('img/hero/recruitment-process-outsourcing.jpg')}
.pg-request-talent{--hero-art:url('img/hero/request-talent.jpg')}
.pg-resources-contract-staffing-vs-full-time{--hero-art:url('heroes/resources-contract-staffing-vs-full-time.svg')}
.pg-resources-how-to-hire-software-developers{--hero-art:url('heroes/resources-how-to-hire-software-developers.svg')}
.pg-resources-how-to-reduce-time-to-hire{--hero-art:url('heroes/resources-how-to-reduce-time-to-hire.svg')}
.pg-resources{--hero-art:url('img/hero/resources.jpg')}
.pg-resources-it-staff-augmentation-guide{--hero-art:url('heroes/resources-it-staff-augmentation-guide.svg')}
.pg-resources-rpo-cost-usa{--hero-art:url('heroes/resources-rpo-cost-usa.svg')}
.pg-resources-rpo-vs-recruitment-agency{--hero-art:url('heroes/resources-rpo-vs-recruitment-agency.svg')}
.pg-resources-what-is-rpo{--hero-art:url('heroes/resources-what-is-rpo.svg')}
.pg-staff-augmentation{--hero-art:url('img/hero/staff-augmentation.jpg')}
.pg-startup-recruitment{--hero-art:url('img/hero/startup-recruitment.jpg')}
.pg-technical-recruitment{--hero-art:url('img/hero/technical-recruitment.jpg')}
.pg-terms{--hero-art:url('heroes/terms.svg')}
.pg-usa-recruitment-services{--hero-art:url('img/hero/usa-recruitment-services.jpg')}

/* The supplied radar graphic already contains the dial, core and labels,
   so the CSS-drawn versions are hidden rather than stacked on top. */
.radar:before,.radar:after,.radar-core,.radar-node{display:none!important}
/* The homepage artwork is the hero background now. The old framed collage,
   its rotated note, the badge and the decorative circles belonged to the
   side-panel layout and are retired. */
.hero-art,.hero-art-frame,.hero-art-note,.hero-art-badge{display:none!important}
.hero-art:before,.hero-art:after{display:none!important}
/* The roles section uses the supplied artwork as its own background, so the
   heading, intro and role pills all sit on top of the image. */
.section.roles-section{background:linear-gradient(90deg,rgba(241,244,249,.92) 0%,rgba(241,244,249,.78) 34%,rgba(241,244,249,.38) 58%,rgba(241,244,249,0) 78%),url('img/home/roles-band.jpg') right center/cover no-repeat}
@media(max-width:1500px){.section.roles-section{background-image:linear-gradient(90deg,rgba(241,244,249,.94) 0%,rgba(241,244,249,.88) 44%,rgba(241,244,249,.60) 70%,rgba(241,244,249,0) 90%),url('img/home/roles-band.jpg')}}
@media(max-width:900px){.section.roles-section{background-position:70% center;background-image:linear-gradient(180deg,rgba(241,244,249,.95) 0%,rgba(241,244,249,.88) 55%,rgba(241,244,249,.55) 100%),url('img/home/roles-band.jpg')}}
/* Supplied illustrations inside cards ("Hiring several engineering roles?").
   The card stretches to the height of the copy beside it, so the image fills
   whatever space is left under the buttons and bleeds to the card's edges. */
.card.has-media{display:flex;flex-direction:column;overflow:hidden}
.card-media{position:relative;flex:1 1 auto;min-height:230px;margin:20px -24px -24px}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}
/* Logo (assets/img/brand/logo.png). The footer sits on dark navy, where the
   logo's dark purple "HIRE" would disappear, so it is rendered solid white. */
.brand img{display:block;height:56px;width:auto}
.footer .brand img{height:64px;filter:brightness(0) invert(1)}
@media(max-width:640px){.brand img{height:46px}}
/* Request Talent form: result messages, and the spam-trap field hidden from people */
.form-status.is-busy{color:var(--muted)}
.form-status.is-ok{color:#11734b;font-weight:600}
.form-status.is-error{color:#b42318;font-weight:600}
#talentForm button[disabled]{opacity:.7;cursor:wait;transform:none}
.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:1050px){.menu{gap:17px}.editorial-hero-grid{grid-template-columns:1fr 1fr}.editorial-hero h1{font-size:66px}.industry-grid{grid-template-columns:repeat(3,1fr)}.proof-points{grid-template-columns:1fr 1fr}.story-strip{grid-template-columns:1fr 1fr}.story-image{display:none}.hero.compact .wrap{padding-right:22%}.hero.compact:after{width:44vw}}
@media(max-width:900px){.menu{display:none;position:absolute;top:74px;left:0;right:0;background:#ffffff;padding:15px 24px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.menu.mobile-open{display:flex}.mobile-toggle{display:block}.drop-panel{position:static;width:100%;margin-top:4px;box-shadow:none}.editorial-hero-grid,.radar-shell,.contact-grid,.section-intro,.industries-wrap{grid-template-columns:1fr}.editorial-hero{padding-top:36px}.hero-art{min-height:450px}.market-inner{grid-template-columns:1fr 1fr 1fr 1fr}.market-label{grid-column:1/-1;padding:14px 0;text-align:center}.grid-4,.service-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.proof-inner{grid-template-columns:1fr 1fr}.process-step{grid-template-columns:55px 1fr}.process-step p{grid-column:2}.section-head{align-items:flex-start;flex-direction:column}.hero.compact .wrap{padding-right:0}.hero.compact:after,.hero.compact:before{display:none}.story-strip{grid-template-columns:1fr}.proof-editorial{grid-template-columns:1fr}.proof-visual{min-height:210px}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav-inner{height:68px}.menu{top:68px}.brand{font-size:26px}.editorial-hero h1{font-size:52px}.editorial-hero p{font-size:18px}.hero-art{min-height:390px}.hero-art-frame{width:96%}.hero-art-frame img{height:390px}.hero-art-note{display:none}.hero-features{grid-template-columns:1fr;gap:13px}.hero-feature+.hero-feature{border-left:0;padding-left:0}.market-inner{grid-template-columns:1fr 1fr}.market-name{padding:10px 0}.section{padding:62px 0}.section h2{font-size:43px}.grid-2,.grid-3,.grid-4,.service-grid,.calculator,.service-matrix,.process-cards{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.industry-tile{min-height:140px}.proof-points{grid-template-columns:1fr 1fr}.proof-point{padding:22px 15px}.cta-band{padding:32px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.hero{padding:52px 0}.hero h1{font-size:45px}.hero p{font-size:17px}.proof-inner{grid-template-columns:1fr 1fr}.radar-node{font-size:9px;padding:6px 8px}.section-intro .editorial-title,.industries-wrap .editorial-title{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Below 900px the hero image column is hidden, so the fixed 700px height would
   only create empty space - let the hero size to its content there. */
@media(max-width:900px){.hero{min-height:0;display:block;padding:56px 0}}

@media(max-width:900px){.hero.compact{background:linear-gradient(180deg,rgba(8,12,32,.42) 0%,rgba(8,12,32,.30) 55%,rgba(8,12,32,.24) 100%),var(--hero-art) center center/cover no-repeat}.editorial-hero{background:linear-gradient(180deg,rgba(6,10,28,.88) 0%,rgba(6,10,28,.82) 55%,rgba(6,10,28,.74) 100%),url('img/home/hero.jpg') center center/cover no-repeat;min-height:0;padding:64px 0}}