/* Interactive app entry: search and real preview navigation. */
.hero{padding-top:46px;padding-bottom:32px}.hero:before{background-size:72px 72px;opacity:.6}.hero:after{background-image:url('assets/upranked-mark-blue.svg');background-repeat:no-repeat;background-position:center;background-size:80%;opacity:.055;filter:none;width:620px;height:620px;right:-120px;top:-45px;transform:rotate(-10deg);border-radius:0}.hero .wrap{display:block}.hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:66px;margin-bottom:0}.hero-copy{margin:0}.hero .availability{font-size:9px;margin-bottom:24px;background:#11213b88;border-color:#284979}.hero h1{font-size:clamp(80px,7.5vw,108px);margin:0 0 23px;line-height:.94;letter-spacing:-.07em}.hero .intro{font-size:16px;line-height:1.7;max-width:430px;margin-bottom:25px}.hero .eyebrow{display:none}.hero .search{grid-template-columns:minmax(0,1fr) auto;padding:6px;gap:0;border-color:#345585;background:#111c30;box-shadow:0 15px 45px #0003}.hero .search label{padding:8px 12px}.hero .search label:first-child{grid-column:1;grid-row:1}.hero .search label:nth-child(2){grid-column:1;grid-row:2;border-left:0;border-top:1px solid #2b3d5c}.hero .search input{font-size:12px;margin-top:3px;padding-bottom:2px}.hero .search .button{grid-column:2;grid-row:1/3;min-width:115px;margin:2px;padding:14px 18px}.quick-search{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.quick-search>span{font-size:10px;color:#7f91af;margin-right:3px}.quick-chip{font-size:10px;color:#a7bddf;background:#ffffff04;border:1px solid #2b3e5d;border-radius:5px;padding:5px 9px}.quick-chip:hover,.quick-chip[aria-pressed=true]{border-color:#5b92f1;color:#e8f1ff;background:#18305b}.hero-profile{font-size:12px;margin-top:18px;color:#a8c7ff;border:0}.hero-foot{margin-top:30px;border-top:1px solid #24334a;padding-top:18px;font-size:10px;gap:30px}.app-preview{position:relative;min-width:0;padding:20px 0 72px;isolation:isolate}.app-preview:before{content:'';position:absolute;inset:-50px -55px;background:radial-gradient(ellipse,#145ce033,transparent 67%);z-index:-2;pointer-events:none}.preview-stack{position:absolute;inset:36px 9px 101px;border:1px solid #294978;border-radius:13px;background:#111e32;transform:rotate(5deg);z-index:-1;opacity:.55}.preview-stack.second{transform:rotate(-4deg);inset:27px 7px 112px;opacity:.6;background:#0d1729}.app-window{border:1px solid #385278;border-radius:12px;background:linear-gradient(145deg,#16233a,#0e1423 75%);box-shadow:0 30px 70px #0005;overflow:hidden;position:relative}.app-window-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;border-bottom:1px solid #2d3b55;background:#ffffff02;font-size:9px;letter-spacing:.07em;color:#93a8c9}.window-brand{display:flex;align-items:center;gap:6px}.window-brand img{width:23px;height:23px}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#415a81}.hero-job{padding:25px 26px 24px;min-height:264px;animation:job-in .25s ease-out}.hero-job-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.hero-job-heading .company-logo{width:124px;height:49px}.hero-job-heading .logo-tk{width:49px}.hero-job-heading .logo-soloplan{width:130px}.hero-demo{font-size:8px;letter-spacing:.1em;color:#85abeb;padding:5px 8px;border:1px solid #2e4c76;border-radius:4px;background:#112745;white-space:nowrap}.hero-employer{font-size:10px;color:#9fafd0;margin:0 0 7px}.hero-job h2{font-size:25px;line-height:1.25;font-weight:750;letter-spacing:-.035em;margin:0 0 17px;overflow-wrap:anywhere}.hero-job .tag{font-size:9px;background:#ffffff04}.hero-job-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.hero-job-bottom .button{font-size:11px;padding:11px 18px}.hero-job-index{font-size:9px;color:#748aa9;letter-spacing:.1em}.employer-switcher{display:flex;border-top:1px solid #2b3b56;background:#0b1220;padding:9px;gap:5px}.employer-switcher button{flex:1;min-width:0;background:none;border:1px solid transparent;border-radius:5px;color:#7f92b2;padding:8px 3px;font-size:10px;transition:background .2s,color .2s}.employer-switcher button:hover{color:#dce8ff}.employer-switcher button[aria-pressed=true]{background:#1b3157;color:#b9d5ff;border-color:#315c96}.mini-profile{position:absolute;bottom:3px;right:-16px;left:70px;display:flex;gap:13px;align-items:center;background:linear-gradient(130deg,#182b49,#0f1b2e);border:1px solid #3a5c8b;padding:15px 18px;border-radius:9px;box-shadow:0 15px 40px #0005;transition:border-color .2s}.mini-profile:hover{border-color:#6d9fe8}.mini-avatar{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;background:#193a70;border:1px solid #3f65a3;border-radius:50%}.mini-avatar svg{width:24px;height:24px;stroke:#a2c7ff;fill:none;stroke-width:1.5}.mini-profile-copy{flex:1;min-width:0}.mini-profile small{font-size:8px;letter-spacing:.1em;color:#81a2d1;display:block;margin-bottom:3px}.mini-profile strong{display:block;font-size:12px;font-weight:650;margin-bottom:6px;overflow-wrap:anywhere}.mini-profile-tags{display:flex;gap:5px;flex-wrap:wrap}.mini-profile-tags span{font-size:8px;background:#25426b;border-radius:3px;color:#b6cfef;padding:2px 6px}.mini-profile-action{font-size:9px;color:#aacbff;border-bottom:1px solid #5378b0;padding-bottom:2px;flex-shrink:0}.preview-caption{font-size:9px;color:#6f87aa;margin:17px 0 0;text-align:center}.hero-empty{padding:35px 25px}.hero-empty h2{font-size:24px;margin-bottom:15px}.hero-empty p{font-size:13px;color:#99afcf}@keyframes job-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero-grid{gap:35px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero h1{font-size:83px}.hero-job{padding:22px;min-height:280px}.hero-job h2{font-size:23px}.mini-profile{left:25px;right:-10px}.hero .search .button{min-width:95px;padding:13px}.hero .intro{font-size:14px}}
@media(max-width:850px){.hero-grid{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:67px}.hero .intro{font-size:13px}.hero .availability{font-size:8px;padding:5px 9px}.hero .search{grid-template-columns:minmax(0,1fr)}.hero .search label:first-child,.hero .search label:nth-child(2){grid-column:1;grid-row:auto}.hero .search .button{grid-column:1;grid-row:auto;margin:4px;min-width:0}.hero-job{padding:20px;min-height:290px}.hero-job h2{font-size:22px}.hero-job-heading{gap:8px}.hero-job-heading .company-logo{width:110px}.hero-demo{font-size:7px;padding:4px}.app-window-bar{padding:11px 15px}.employer-switcher button{font-size:9px}.mini-profile{left:0;right:-5px;padding:13px 12px;gap:9px}.mini-profile-action{display:none}.quick-search{gap:6px}.quick-search>span{width:100%}.quick-chip{font-size:9px}.app-preview{padding-top:0}}
@media(max-width:650px){.hero{padding-top:28px}.hero .wrap{display:block}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}.hero-copy{margin:0}.hero h1{font-size:clamp(56px,14.5vw,82px)}.hero .intro{font-size:14px;max-width:410px}.hero .availability{font-size:9px;margin-bottom:24px}.hero .search{grid-template-columns:minmax(0,1fr) auto}.hero .search label:first-child{grid-column:1;grid-row:1}.hero .search label:nth-child(2){grid-column:1;grid-row:2}.hero .search .button{grid-column:2;grid-row:1/3;min-width:90px;margin:2px;padding:10px;font-size:12px}.quick-search>span{width:auto}.quick-chip{font-size:10px}.hero-profile{margin-top:16px}.app-preview{width:100%;max-width:460px;margin:0 auto;padding:15px 4px 78px}.hero-job{padding:22px;min-height:255px}.hero-job h2{font-size:26px}.hero-job-heading .company-logo{width:127px}.hero-job-heading .logo-tk{width:49px}.hero-demo{font-size:8px;padding:5px 8px}.employer-switcher button{font-size:10px;padding:10px 3px}.mini-profile{left:24px;right:0;bottom:4px;padding:14px}.mini-profile-action{display:block}.mini-profile strong{font-size:12px}.hero-foot{font-size:9px;gap:18px;margin-top:20px;padding-top:17px}.preview-caption{font-size:8px;margin-top:13px}.hero:after{width:440px;height:440px;top:10px;right:-180px}}
@media(max-width:360px){.hero h1{font-size:55px}.hero .availability{font-size:8px}.hero .search{grid-template-columns:minmax(0,1fr)}.hero .search label:first-child,.hero .search label:nth-child(2){grid-column:1;grid-row:auto}.hero .search .button{grid-column:1;grid-row:auto;padding:12px}.hero .intro{font-size:13px}.quick-search>span{width:100%}.hero-job{padding:19px;min-height:260px}.hero-job h2{font-size:23px}.hero-job-heading .company-logo{width:115px}.hero-job-heading .logo-tk{width:49px}.hero-demo{font-size:7px;padding:4px 6px}.mini-profile{left:10px;padding:12px;gap:9px}.mini-profile-action{display:none}.mini-profile strong{font-size:11px}.hero-foot{gap:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-job{animation:none}.employer-switcher button,.mini-profile{transition:none}}
.app-preview{padding-bottom:110px}
@media(max-width:650px){.app-preview{padding-bottom:110px}}
.skip{color:#142139}.skip:focus:not(:focus-visible){top:-100px}
