:root {
  color-scheme: light;
  --navy: #081d61;
  --blue: #0a66c2;
  --orange: #ff6900;
  --text: #192b63;
  --muted: #68789f;
  --line: #e7edf5;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: "DM Sans", "Trebuchet MS", sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { width:100%; max-width:1440px; margin:0 auto; }
a { color: inherit; text-decoration: none; }
.site-header {
  min-height: 80px;
  padding: 0 clamp(28px, 4.1vw, 58px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf0f5;
  position: relative;
  z-index: 4;
  background: rgba(255,255,255,.96);
}
.brand { width: 154px; flex: 0 0 154px; display: block; }
.brand img { display: block; width: 100%; height: auto; }
.main-nav { display:flex; align-items:center; gap:clamp(24px,3.25vw,46px); font-size:14px; font-weight:600; color:#111e52; }
.main-nav > a:not(.nav-cta) { white-space:nowrap; transition:color .2s ease; }
.main-nav > a:not(.nav-cta):hover { color:var(--orange); }
.nav-divider { width:1px; height:22px; background:#bdc6d8; margin-left:-12px; margin-right:-12px; }
.nav-cta { display:flex; align-items:center; gap:9px; color:#fff; background:var(--orange); border-radius:9px; padding:11px 20px; white-space:nowrap; box-shadow:0 5px 13px rgba(255,105,0,.13); transition:transform .2s ease,background .2s ease; }
.nav-cta:hover,.employer-button:hover { background:#ed5d00; transform:translateY(-2px); }
.linkedin-mark { width:25px; height:25px; display:inline-flex; align-items:center; justify-content:center; background:#0a66c2; color:#fff; border-radius:3px; font-family:Arial,sans-serif; font-size:19px; font-weight:800; line-height:1; letter-spacing:-1px; flex:0 0 auto; }
.nav-cta .linkedin-mark { background:#0a66c2; color:#fff; }
.menu-toggle { display:none; border:0; padding:8px; background:none; }
.menu-toggle span { display:block; width:24px; height:2px; margin:5px; background:var(--navy); }
.hero { min-height:426px; display:grid; grid-template-columns:minmax(0,55%) minmax(0,45%); align-items:center; overflow:hidden; padding-left:clamp(32px,2.6vw,38px); position:relative; }
.hero-copy { position:relative; z-index:2; padding:38px 0 28px; max-width:620px; animation:rise-in .65s both; }
.hero h1 { color:#081b60; font-family:Manrope,"DM Sans",sans-serif; font-size:clamp(35px,3.7vw,51px); line-height:1.08; letter-spacing:-1.8px; font-weight:800; margin:0 0 19px; }
.hero h1 span { color:var(--orange); }
.hero-copy > p { max-width:560px; color:#56688f; font-size:18px; line-height:1.48; margin:0 0 22px; }
.hero-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.button { height:57px; padding:0 25px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:14px; font-weight:700; font-size:15px; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(13,47,113,.13); }
.button-linkedin { background:#0a66c2; color:white; box-shadow:0 5px 12px rgba(0,91,187,.16); }
.button-linkedin:hover { background:#004182; }
.button-linkedin .linkedin-mark { background:white; color:#0a66c2; width:27px; height:27px; font-size:21px; }
.button-outline { background:white; color:#14275e; border:1px solid #cbd5e6; padding:0 22px; }
.chevron { width:8px; height:8px; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg); margin-left:2px; }
.benefits { display:flex; align-items:center; gap:27px; padding:0; margin:19px 0 0; list-style:none; color:#344875; font-size:14px; }
.benefits li { white-space:nowrap; }
.benefits li::before { content:""; width:10px; height:6px; display:inline-block; border-left:2px solid var(--orange); border-bottom:2px solid var(--orange); transform:rotate(-45deg) translateY(-3px); margin-right:11px; }
.hero-visual { align-self:stretch; min-width:0; display:flex; align-items:center; justify-content:center; margin-left:-18px; overflow:hidden; }
.hero-visual img { width: min(100%, 790px); max-height:426px; object-fit:contain; object-position:center bottom; animation:art-arrive .85s .08s both; }
.below-fold { margin:0 12px 18px; min-height:196px; display:grid; grid-template-columns:1.5fr 1fr; overflow:hidden; border:0; outline:none; border-radius:0; box-shadow:none; background:transparent; }
.below-fold[hidden] { display:none; }
.below-fold.is-revealed { animation:rise-up .45s ease-out both; }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:22px 16px 18px 32px; }
.step { min-width:0; position:relative; padding:0 16px 0 0; }
.step + .step { padding-left:21px; }
.step:not(:last-child)::after { content:""; width:1px; position:absolute; right:5px; top:0; bottom:0; background:#edf1f7; }
.step-symbols { height:58px; display:flex; align-items:center; gap:14px; margin-bottom:3px; }
.step-number { width:34px; height:34px; border-radius:50%; background:#1970d4; color:white; display:grid; place-items:center; font-family:Manrope,sans-serif; font-size:15px; font-weight:800; box-shadow:0 2px 6px #c9ddf5; }
.step-icon { width:54px; height:54px; border-radius:50%; background:#edf4ff; display:grid; place-items:center; position:relative; color:#0b3f9e; }
.linkedin-step { font-family:Arial,sans-serif; font-size:26px; letter-spacing:-2px; font-weight:800; }
.step-arrow { width:54px; height:1px; background:#b9cdec; margin-left:auto; position:relative; }
.step-arrow::after { content:""; position:absolute; right:0; top:-4px; width:8px; height:8px; border-top:1px solid #9bbbe8; border-right:1px solid #9bbbe8; transform:rotate(45deg); }
.step h2 { max-width:210px; color:#0d205a; font-family:Manrope,sans-serif; font-size:15px; line-height:1.25; margin:7px 0 6px; font-weight:800; }
.step-label { display:block; margin-bottom:3px; color:var(--orange); font-family:"DM Sans",sans-serif; font-size:11px; line-height:1.2; font-weight:800; }
.step p { color:#6c7b9e; max-width:200px; font-size:13.5px; line-height:1.44; margin:0; }
.document-icon::before { content:""; width:21px; height:27px; border:2px solid #0b3a91; border-radius:2px; background:linear-gradient(#0b3a91,#0b3a91) 5px 8px/10px 2px no-repeat,linear-gradient(#0b3a91,#0b3a91) 5px 13px/10px 2px no-repeat,linear-gradient(#0b3a91,#0b3a91) 5px 18px/7px 2px no-repeat; }
.document-icon::after { content:""; position:absolute; width:8px; height:8px; border-top:2px solid #0b3a91; border-right:2px solid #0b3a91; top:13px; right:15px; background:#edf4ff; }
.search-icon::before { content:""; width:22px; height:22px; border:2.5px solid #071b59; border-radius:50%; transform:translate(-2px,-2px); }
.search-icon::after { content:""; position:absolute; width:12px; height:2.5px; background:#071b59; transform:rotate(48deg); top:34px; left:32px; border-radius:3px; }
.employer-panel { min-width:0; position:relative; align-self:center; margin:2px 2px 2px 0; overflow:hidden; border-radius:12px; }
.employer-banner { display:block; width:100%; height:auto; }
.employer-banner-link { position:absolute; left:56.5%; top:68.5%; width:41%; height:28%; z-index:2; border-radius:8px; }
.employer-banner-link:focus-visible { outline:3px solid #0a66c2; outline-offset:2px; }
.arrow-right { width:17px; height:1.5px; background:white; position:relative; }
.arrow-right::after { content:""; width:7px; height:7px; border-top:1.5px solid white; border-right:1.5px solid white; position:absolute; right:0; top:-3px; transform:rotate(45deg); }
@keyframes rise-in { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:translateY(0); } }
@keyframes rise-up { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes art-arrive { from { opacity:0; transform:translateY(9px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (min-width:1500px) { .hero { min-height:490px; } .hero-visual img { max-height:490px; } }
@media (max-width:1100px) {
  .site-header { min-height:76px; }
  .main-nav { gap:19px; font-size:13px; }
  .nav-cta { padding:10px 13px; }
  .hero { grid-template-columns:minmax(0,55%) minmax(0,45%); padding-left:36px; }
  .hero h1 { font-size:clamp(34px,4.3vw,46px); }
  .hero-copy > p { font-size:16px; }
  .button { height:52px; padding:0 17px; font-size:14px; }
  .below-fold { grid-template-columns:1.4fr 1fr; margin-left:20px; margin-right:20px; }
  .steps { padding-left:18px; padding-right:8px; }
  .step + .step { padding-left:12px; }
  .step-symbols { gap:8px; }
  .step-arrow { width:27px; }
  .employer-panel { padding-left:0; }
}
@media (min-width:761px) and (max-width:900px) {
  .hero-actions { flex-wrap:nowrap; gap:8px; }
  .hero-actions .button { height:48px; padding:0 9px; gap:8px; font-size:12px; }
  .hero-actions .button-outline { padding:0 9px; }
}
@media (max-width:760px) {
  .site-header { min-height:72px; padding:0 21px; }
  .brand { width:137px; flex-basis:137px; }
  .menu-toggle { display:block; cursor:pointer; }
  .main-nav { display:none; position:absolute; top:71px; left:0; right:0; padding:15px 22px 22px; background:white; border-bottom:1px solid var(--line); box-shadow:0 12px 18px rgba(18,40,83,.08); align-items:stretch; gap:0; flex-direction:column; }
  .main-nav.is-open { display:flex; }
  .main-nav > a:not(.nav-cta) { padding:12px 4px; }
  .nav-divider { width:100%; height:1px; margin:5px 0; }
  .nav-cta { justify-content:center; margin-top:10px; }
  .hero { display:flex; flex-direction:column; padding:0; min-height:0; }
  .hero-copy { padding:37px 22px 3px; max-width:620px; }
  .hero h1 { font-size:clamp(34px,8vw,45px); letter-spacing:-1.2px; line-height:1.1; margin-bottom:15px; }
  .desktop-break { display:none; }
  .hero-copy > p { font-size:16px; line-height:1.48; margin-bottom:19px; }
  .hero-actions { gap:10px; }
  .button { height:51px; padding:0 15px; font-size:13px; gap:9px; }
  .button-linkedin { flex:1 1 220px; }
  .button-outline { flex:1 1 180px; }
  .benefits { flex-wrap:wrap; gap:10px 18px; font-size:12px; margin-top:15px; }
  .benefits li::before { margin-right:7px; }
  .hero-visual { margin:0; width:100%; min-height:290px; max-height:370px; }
  .hero-visual img { width:100%; max-height:370px; object-fit:contain; object-position:center; }
  .below-fold { display:flex; flex-direction:column; margin:0 12px 14px; }
  .steps { grid-template-columns:1fr; padding:12px 19px 7px; }
  .step,.step + .step { display:grid; grid-template-columns:84px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; padding:13px 0; }
  .step + .step { border-top:1px solid #edf1f7; }
  .step:not(:last-child)::after { display:none; }
  .step-symbols { grid-row:1 / span 2; grid-column:1; height:auto; align-self:center; margin:0; }
  .step-number { width:30px; height:30px; font-size:13px; }
  .step-icon { width:45px; height:45px; flex:0 0 45px; position:relative; left:auto; top:auto; transform:none; }
  .step-arrow { display:none; }
  .search-icon::after { top:29px; left:27px; }
  .document-icon::after { top:10px; right:11px; }
  .step h2 { max-width:none; font-size:14px; margin:1px 0 3px; grid-row:1; grid-column:2; }
  .step p { max-width:none; font-size:12px; line-height:1.4; grid-row:2; grid-column:2; }
  .employer-panel { min-height:0; margin:3px; padding:0; border-radius:10px; }
  .employer-banner-link { border-radius:6px; }
}
@media (max-width:380px) {
  .hero-copy { padding-left:17px; padding-right:17px; }
  .button { font-size:12px; padding:0 10px; }
  .hero-visual { min-height:250px; }
}