.jobmate-landing{--ink:#261e4c;--muted:#746f88;--purple:#292056;--purple2:#3a2a75;--lime:#d8fb7c;--lavender:#f5f2fc;--line:#e8e4f0;--white:#fff}
.jobmate-landing *{box-sizing:border-box}.jobmate-landing{scroll-behavior:smooth}.jobmate-landing{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.jobmate-landing a{color:inherit;text-decoration:none}.jobmate-landing button{font:inherit}.jobmate-landing img{display:block;max-width:100%}.jobmate-landing h1,.jobmate-landing h2,.jobmate-landing h3,.jobmate-landing p{margin-top:0}.jobmate-landing h1,.jobmate-landing h2,.jobmate-landing h3{letter-spacing:-.045em}.jobmate-landing p{line-height:1.7}.jobmate-landing .container{width:min(100% - 48px,1160px);margin-inline:auto}.jobmate-landing .skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:#fff}.jobmate-landing .skip-link:focus{top:12px}.jobmate-landing a:focus-visible,.jobmate-landing button:focus-visible{outline:3px solid #8c5cff;outline-offset:4px}
.jobmate-landing .site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #eeeaf5}.jobmate-landing .nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.jobmate-landing .brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:850;letter-spacing:-.065em;white-space:nowrap}.jobmate-landing .brand-dot{color:#8b58df;margin-left:-9px}.jobmate-landing .brand-mark{position:relative;display:inline-block;width:30px;height:31px;transform:rotate(-12deg)}.jobmate-landing .brand-mark i{position:absolute;width:10px;height:10px;border-radius:4px;background:#7b4bd0}.jobmate-landing .brand-mark i:first-child{left:1px;top:6px}.jobmate-landing .brand-mark i:nth-child(2){left:12px;top:2px;background:#a988ee}.jobmate-landing .brand-mark i:last-child{left:12px;top:15px;background:#c2f373}.jobmate-landing .desktop-nav,.jobmate-landing .nav-actions{display:flex;align-items:center;gap:33px}.jobmate-landing .desktop-nav a,.jobmate-landing .login-link{font-size:14px;font-weight:650;color:#57516c;transition:color .2s}.jobmate-landing .desktop-nav a:hover,.jobmate-landing .login-link:hover{color:#8654d0}.jobmate-landing .nav-actions{gap:22px}.jobmate-landing .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:0 23px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.jobmate-landing .button:hover{transform:translateY(-2px)}.jobmate-landing .button span{font-size:19px;font-weight:400}.jobmate-landing .button-small{min-height:42px;padding:0 17px;border-radius:10px;gap:16px}.jobmate-landing .button-dark{background:var(--purple);color:#fff}.jobmate-landing .button-dark:hover{background:#49347f;box-shadow:0 8px 22px #2a20562b}.jobmate-landing .button-lime{background:var(--lime);color:#24194d;box-shadow:0 14px 30px #10112c26}.jobmate-landing .button-lime:hover{background:#e4ff9c}.jobmate-landing .button-outline-light{border-color:#ffffff62;color:#fff;background:#ffffff0b}.jobmate-landing .button-outline-light:hover{background:#ffffff1b}.jobmate-landing .menu-toggle{display:none;border:0;background:none;padding:10px;cursor:pointer}.jobmate-landing .menu-toggle span{display:block;width:22px;height:2px;margin:5px 0;background:var(--ink);border-radius:2px}.jobmate-landing .mobile-menu[hidden]{display:none}
.jobmate-landing .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 79% 41%,#534299 0%,#33266b 27%,#24194e 64%,#211849 100%);color:#fff}.jobmate-landing .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff29 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 40%,#000)}.jobmate-landing .hero-glow{position:absolute;width:430px;height:430px;border-radius:50%;filter:blur(60px);opacity:.17;pointer-events:none}.jobmate-landing .hero-glow-one{background:#ad7efb;right:-160px;top:-170px}.jobmate-landing .hero-glow-two{background:#9cdbb6;left:36%;bottom:-320px}.jobmate-landing .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:625px;align-items:center;gap:38px;padding-block:86px 100px}.jobmate-landing .hero-copy{position:relative;z-index:3}.jobmate-landing .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6e48bb;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.jobmate-landing .eyebrow-light{color:#d9cbfa}.jobmate-landing .eyebrow-light span{color:var(--lime);font-size:20px;line-height:0}.jobmate-landing .hero h1{font-size:clamp(52px,5.5vw,82px);line-height:1.075;letter-spacing:-.07em;margin:25px 0 25px;font-weight:800}.jobmate-landing .hero h1 em,.jobmate-landing .cta-box h2 em{font-style:normal;color:var(--lime)}.jobmate-landing .hero-lead{font-size:18px;line-height:1.72;color:#e5dff3;max-width:540px;margin-bottom:30px}.jobmate-landing .hero-actions,.jobmate-landing .cta-actions{display:flex;flex-wrap:wrap;gap:12px}.jobmate-landing .hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:#d5cde7;font-size:12px}.jobmate-landing .check-circle{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--purple);background:var(--lime);font-weight:900}.jobmate-landing .note-divider{width:3px;height:3px;border-radius:50%;background:#c5b7d9;margin-inline:3px}.jobmate-landing .hero-art{position:relative;height:480px;display:grid;place-items:center}.jobmate-landing .orbit{position:absolute;border:1px solid #c4afe43d;border-radius:50%;aspect-ratio:1}.jobmate-landing .orbit-one{width:510px}.jobmate-landing .orbit-two{width:400px;border-style:dashed}.jobmate-landing .match-card{position:relative;z-index:2;width:min(100%,405px);padding:27px;background:#fff;color:var(--ink);border-radius:24px;box-shadow:0 38px 80px #15103258;transform:rotate(2deg)}.jobmate-landing .card-topline{display:flex;justify-content:space-between;color:#938aa4;font-size:10px;font-weight:850;letter-spacing:.12em}.jobmate-landing .card-topline span:last-child{font-size:16px;letter-spacing:2px;line-height:.6}.jobmate-landing .company-row{display:flex;align-items:center;gap:13px;margin-top:28px}.jobmate-landing .company-logo{width:54px;height:54px;border-radius:15px;background:#e8e3fa;color:#5e429f;display:grid;place-items:center;font-size:26px;font-weight:900;position:relative}.jobmate-landing .company-logo span{position:absolute;right:8px;top:6px;font-size:10px;color:#a683e4}.jobmate-landing .company-row strong,.jobmate-landing .company-row span{display:block}.jobmate-landing .company-row strong{font-size:18px;letter-spacing:-.025em}.jobmate-landing .company-row div:last-child span{margin-top:4px;color:var(--muted);font-size:12px}.jobmate-landing .match-separator{height:1px;background:#efedf4;margin:24px 0 20px}.jobmate-landing .match-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.jobmate-landing .match-title strong{font-size:23px;color:#704abc}.jobmate-landing .progress-track,.jobmate-landing .mini-track{height:9px;background:#eee9f7;border-radius:20px;overflow:hidden;margin-top:12px}.jobmate-landing .progress-track span,.jobmate-landing .mini-track i{display:block;width:92%;height:100%;background:linear-gradient(90deg,#ad80ee,#724cc5);border-radius:20px}.jobmate-landing .match-explanation{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 16px}.jobmate-landing .skill-list{display:flex;flex-wrap:wrap;gap:7px}.jobmate-landing .skill-list span{padding:7px 10px;background:#f5f2fb;color:#6a5692;border-radius:7px;font-size:11px;font-weight:700}.jobmate-landing .card-button{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:13px 17px;background:var(--purple);border-radius:10px;color:#fff;font-size:12px;font-weight:750}.jobmate-landing .card-button span{font-size:18px}.jobmate-landing .floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 17px;background:#fff;border-radius:12px;color:var(--ink);box-shadow:0 15px 40px #130f3540;font-size:12px;font-weight:800}.jobmate-landing .tag-top{top:25px;right:-9px;transform:rotate(5deg)}.jobmate-landing .tag-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e8ffba;color:#4a5a23}.jobmate-landing .tag-bottom{bottom:13px;left:-20px;transform:rotate(-5deg)}.jobmate-landing .tag-bottom span:last-child{display:grid;gap:3px}.jobmate-landing .tag-bottom small{font-size:11px;color:var(--muted);font-weight:500}.jobmate-landing .tag-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e1f7bc;color:#496328;font-weight:900;font-size:19px}.jobmate-landing .sparkle{position:absolute;color:var(--lime)}.jobmate-landing .sparkle-one{left:12px;top:69px;font-size:42px}.jobmate-landing .sparkle-two{right:5px;bottom:55px;font-size:28px}
.jobmate-landing .section-pad{padding-block:106px}.jobmate-landing .section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.jobmate-landing .section-intro h2,.jobmate-landing .center-intro h2,.jobmate-landing .how h2{font-size:clamp(35px,3.8vw,54px);line-height:1.16;margin:15px 0 0}.jobmate-landing .section-intro h2 span,.jobmate-landing .center-intro h2 span,.jobmate-landing .how h2 span{color:#9475cd}.jobmate-landing .source-intro p{max-width:335px;margin:0 0 4px;font-size:15px;color:var(--muted)}.jobmate-landing .logo-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;padding:24px;border:1px solid var(--line);border-radius:23px;box-shadow:0 13px 38px #3929660a}.jobmate-landing .source-logo{display:flex;align-items:center;gap:8px;min-width:142px;padding:12px 13px;color:#6e6980;font-size:12px;font-weight:700}.jobmate-landing .source-logo img{width:24px;height:24px;object-fit:contain}.jobmate-landing .benefits{background:var(--lavender)}.jobmate-landing .center-intro{text-align:center;max-width:760px;margin:0 auto 44px}.jobmate-landing .center-intro p{max-width:570px;margin:18px auto 0;color:var(--muted);font-size:15px}.jobmate-landing .benefit-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:16px}.jobmate-landing .benefit-card{position:relative;display:flex;flex-direction:column;min-height:385px;padding:30px;background:#fff;border:1px solid #e9e3f3;border-radius:23px;overflow:hidden;box-shadow:0 12px 30px #2b1d4b08}.jobmate-landing .benefit-primary{background:#e8defa;border-color:#e2d5f5}.jobmate-landing .benefit-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;background:#eee8fa;color:#704aba;font-size:31px;line-height:1}.jobmate-landing .benefit-primary .benefit-icon{background:#fff9}.jobmate-landing .benefit-card>div:nth-child(2){margin-top:35px}.jobmate-landing .card-number{font-size:10px;letter-spacing:.13em;font-weight:850;color:#8466bf}.jobmate-landing .benefit-card h3{font-size:23px;line-height:1.2;margin:12px 0 10px}.jobmate-landing .benefit-card p{font-size:13px;line-height:1.72;color:#6d6780;max-width:310px;margin:0}.jobmate-landing .benefit-arrow{position:absolute;bottom:24px;right:28px;font-size:24px;color:#8662c7}.jobmate-landing .decorative-match{position:absolute;bottom:25px;left:30px;right:30px;padding:16px 18px;border-radius:12px;background:#fff9;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 15px;font-size:11px;color:#766490}.jobmate-landing .decorative-match strong{color:#5c3ca8;font-size:14px}.jobmate-landing .mini-track{grid-column:1/-1;height:5px;margin-top:7px;background:#dfd2f4}
.jobmate-landing .how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.jobmate-landing .how-heading{padding-top:20px}.jobmate-landing .how-heading p{color:var(--muted);max-width:360px;margin:22px 0}.jobmate-landing .text-link{display:inline-flex;align-items:center;gap:22px;color:#7046c2;font-weight:800;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:6px}.jobmate-landing .steps{list-style:none;margin:0;padding:0}.jobmate-landing .steps li{display:grid;grid-template-columns:58px 1fr 34px;gap:17px;align-items:center;padding:23px 3px;border-bottom:1px solid var(--line)}.jobmate-landing .steps li:first-child{border-top:1px solid var(--line)}.jobmate-landing .step-num{display:grid;place-items:center;width:52px;height:52px;background:#f0e9fb;border-radius:13px;color:#7954bd;font-size:14px;font-weight:850}.jobmate-landing .steps h3{font-size:18px;margin:0 0 4px}.jobmate-landing .steps p{font-size:12px;color:var(--muted);margin:0}.jobmate-landing .step-icon{font-size:19px;color:#a68ed3}.jobmate-landing .cta-section{padding-top:18px}.jobmate-landing .cta-box{position:relative;overflow:hidden;min-height:410px;background:linear-gradient(120deg,#2d205d,#4b358a);color:#fff;border-radius:29px;padding:65px 72px}.jobmate-landing .cta-pattern{position:absolute;width:660px;height:660px;border:1px solid #ffffff25;border-radius:50%;right:-145px;top:-155px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff06}.jobmate-landing .cta-content{position:relative;z-index:2}.jobmate-landing .cta-box h2{font-size:clamp(40px,4vw,58px);line-height:1.15;margin:18px 0}.jobmate-landing .cta-box p{color:#e4ddf2;font-size:15px;margin:0 0 25px}.jobmate-landing .cta-box small{display:block;color:#cfc4e4;font-size:11px;margin-top:20px}.jobmate-landing .cta-symbol{position:absolute;right:130px;top:55px;color:#caa4ff;font-size:250px;font-weight:100;line-height:1;transform:rotate(-15deg);opacity:.65}.jobmate-landing .site-footer{background:#faf9fc;border-top:1px solid var(--line);padding-top:55px}.jobmate-landing .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:50px}.jobmate-landing .footer-top p{font-size:13px;color:var(--muted);margin:12px 0 0}.jobmate-landing .footer-top nav{display:flex;gap:26px;align-items:flex-start;font-size:13px;font-weight:650}.jobmate-landing .footer-top nav a:hover{color:#8053d1}.jobmate-landing .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;color:#928c9f;font-size:11px}
@media(max-width:980px){.jobmate-landing .desktop-nav{gap:17px}.jobmate-landing .nav-actions{gap:14px}.jobmate-landing .hero-grid{gap:20px}.jobmate-landing .hero h1{font-size:clamp(48px,6vw,66px)}.jobmate-landing .benefit-grid{grid-template-columns:repeat(3,1fr)}.jobmate-landing .benefit-card{padding:22px}.jobmate-landing .decorative-match{left:22px;right:22px}.jobmate-landing .how-grid{gap:40px}.jobmate-landing .cta-symbol{right:25px;opacity:.35}}
@media(max-width:760px){.jobmate-landing .container{width:min(100% - 36px,1160px)}.jobmate-landing .nav-wrap{height:68px}.jobmate-landing .brand{font-size:23px}.jobmate-landing .desktop-nav,.jobmate-landing .login-link,.jobmate-landing .nav-actions>.button{display:none}.jobmate-landing .menu-toggle{display:block}.jobmate-landing .mobile-menu{position:absolute;top:68px;left:0;right:0;display:grid;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 18px 18px;box-shadow:0 18px 30px #29205612}.jobmate-landing .mobile-menu a{padding:13px 8px;font-size:15px;font-weight:700;border-bottom:1px solid #f2eef8}.jobmate-landing .mobile-menu a:last-child{color:#704aba;border-bottom:0}.jobmate-landing .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:69px 66px}.jobmate-landing .hero h1{font-size:clamp(47px,10vw,69px)}.jobmate-landing .hero-lead{font-size:16px}.jobmate-landing .hero-art{height:435px}.jobmate-landing .match-card{width:min(84%,390px)}.jobmate-landing .tag-top{right:2%}.jobmate-landing .tag-bottom{left:3%}.jobmate-landing .section-pad{padding-block:75px}.jobmate-landing .section-intro{display:block}.jobmate-landing .source-intro p{margin-top:18px}.jobmate-landing .benefit-grid{grid-template-columns:1fr}.jobmate-landing .benefit-card{min-height:255px}.jobmate-landing .benefit-primary{min-height:330px}.jobmate-landing .benefit-card>div:nth-child(2){margin-top:25px}.jobmate-landing .how-grid{grid-template-columns:1fr;gap:35px}.jobmate-landing .how-heading{padding-top:0}.jobmate-landing .cta-section{padding-top:0}.jobmate-landing .cta-box{padding:47px 32px;min-height:0}.jobmate-landing .cta-symbol{font-size:180px;right:-35px;top:18px;opacity:.2}.jobmate-landing .footer-top,.jobmate-landing .footer-bottom{display:block}.jobmate-landing .footer-top nav{flex-wrap:wrap;margin-top:30px}.jobmate-landing .footer-bottom span{display:block;margin:6px 0}}
@media(max-width:460px){.jobmate-landing .container{width:min(100% - 32px,1160px)}.jobmate-landing .hero-grid{padding-top:55px}.jobmate-landing .hero h1{font-size:47px}.jobmate-landing .hero-actions,.jobmate-landing .cta-actions{display:grid}.jobmate-landing .hero-actions .button,.jobmate-landing .cta-actions .button{width:100%}.jobmate-landing .hero-note{flex-wrap:wrap;line-height:1.5}.jobmate-landing .hero-art{height:360px}.jobmate-landing .match-card{width:88%;padding:19px;border-radius:18px}.jobmate-landing .company-row{margin-top:20px}.jobmate-landing .company-row strong{font-size:16px}.jobmate-landing .match-separator{margin:18px 0 14px}.jobmate-landing .tag-top{top:4px;padding:8px 10px;font-size:10px}.jobmate-landing .tag-bottom{bottom:0;padding:7px 10px}.jobmate-landing .orbit-one{width:380px}.jobmate-landing .orbit-two{width:300px}.jobmate-landing .logo-panel{padding:12px;justify-content:flex-start}.jobmate-landing .source-logo{min-width:calc(50% - 5px);padding:10px;font-size:11px}.jobmate-landing .section-intro h2,.jobmate-landing .center-intro h2,.jobmate-landing .how h2{font-size:37px}.jobmate-landing .steps li{grid-template-columns:46px 1fr;gap:13px}.jobmate-landing .step-num{width:44px;height:44px}.jobmate-landing .step-icon{display:none}.jobmate-landing .steps h3{font-size:16px}.jobmate-landing .cta-box{padding:39px 25px}.jobmate-landing .cta-box h2{font-size:39px}.jobmate-landing .footer-top nav{gap:17px}}
@media(prefers-reduced-motion:reduce){.jobmate-landing{scroll-behavior:auto}.jobmate-landing *,.jobmate-landing *:before,.jobmate-landing *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Lønna-inspired finishing palette */
.jobmate-landing{--ink:#211927;--purple:#1b0b20;--purple2:#2a1230;--lime:#ed21c7;--lavender:#faf7fa;--line:#eee8ef}
.jobmate-landing .site-header{background:#100811;border-bottom-color:#ffffff1f}
.jobmate-landing .site-header .brand,.jobmate-landing .site-header .desktop-nav a,.jobmate-landing .site-header .login-link{color:#fff}
.jobmate-landing .site-header .brand-dot{color:#ed21c7}
.jobmate-landing .site-header .desktop-nav a:hover,.jobmate-landing .site-header .login-link:hover{color:#f078db}
.jobmate-landing .site-header .button-dark{background:#d511b3}
.jobmate-landing .site-header .button-dark:hover{background:#ee29ca}
.jobmate-landing .hero{background:radial-gradient(circle at 72% 45%,#28112d 0%,#170a1c 43%,#0e0610 100%);border-radius:0 0 36px 36px}
.jobmate-landing .hero:before{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(0deg,#000,transparent 90%)}
.jobmate-landing .hero h1 em,.jobmate-landing .cta-box h2 em{color:#f05cdb}
.jobmate-landing .button-lime{background:#db12b8;color:#fff;box-shadow:0 13px 30px #cc0aa02b}
.jobmate-landing .button-lime:hover{background:#f02dcc}
.jobmate-landing .check-circle{background:#ed21c7;color:#fff}
.jobmate-landing .tag-icon{background:#ffe5fa;color:#c31ca3}
.jobmate-landing .tag-check{background:#fbe3f5;color:#b9249e}
.jobmate-landing .sparkle{color:#ed52cf}
.jobmate-landing .progress-track span,.jobmate-landing .mini-track i{background:linear-gradient(90deg,#f087dc,#cf1ab0)}
.jobmate-landing .card-button{background:#210f27}
.jobmate-landing .eyebrow{color:#bd1ca1}.jobmate-landing .eyebrow-light{color:#efb9e5}.jobmate-landing .eyebrow-light span{color:#fa64dc}
.jobmate-landing .section-intro h2 span,.jobmate-landing .center-intro h2 span,.jobmate-landing .how h2 span{color:#bb4eaa}
.jobmate-landing .benefit-primary{background:#fae9f6;border-color:#f4d7ed}
.jobmate-landing .benefit-icon{background:#fbecf8;color:#ca2baa}
.jobmate-landing .benefit-primary .benefit-icon{background:#fff}
.jobmate-landing .card-number,.jobmate-landing .benefit-arrow,.jobmate-landing .text-link{color:#b82b9c}
.jobmate-landing .decorative-match strong{color:#bd2ea0}
.jobmate-landing .step-num{background:#f9eaf5;color:#bc329f}
.jobmate-landing .cta-box{background:linear-gradient(120deg,#1b0b20,#3e1742)}
.jobmate-landing .cta-symbol{color:#e757c8}
.jobmate-landing .footer-top nav a:hover{color:#c521a6}
@media(max-width:760px){.jobmate-landing .site-header .menu-toggle span{background:#fff}.jobmate-landing .mobile-menu{background:#160c19;border-bottom-color:#ffffff26}.jobmate-landing .mobile-menu a{color:#fff;border-bottom-color:#ffffff1b}.jobmate-landing .mobile-menu a:last-child{color:#ee61d2}}

/* Reference-led layout */
.jobmate-landing{background:#f8f8f8;color:#141217}
.jobmate-landing .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jobmate-landing .site-header{position:fixed;top:20px;left:0;right:0;z-index:30;background:transparent;border:0}
.jobmate-landing .nav-wrap{width:min(100% - 48px,1092px);height:55px;padding:0 12px 0 25px;border:1px solid #ffffff19;border-radius:15px;background:#0d050e;box-shadow:0 2px 15px #00000018}
.jobmate-landing .site-header .brand{font-size:25px;letter-spacing:-.07em}.jobmate-landing .site-header .brand-mark{display:none}.jobmate-landing .site-header .brand-dot{color:#fff}
.jobmate-landing .desktop-nav{gap:45px}.jobmate-landing .desktop-nav a,.jobmate-landing .login-link{font-size:12px;font-weight:500}.jobmate-landing .site-header .button-dark{min-height:34px;border-radius:9px;padding:0 14px;font-size:12px;background:#d500b8}
.jobmate-landing .site-header .nav-actions{gap:20px}
.jobmate-landing .hero{height:598px;min-height:598px;border-radius:0 0 38px 38px;background:#0e050f;overflow:hidden}
.jobmate-landing .hero:before{inset:auto 9% 0;height:50%;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(0deg,#000,transparent)}
.jobmate-landing .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#260d2320 0%,transparent 60%);pointer-events:none}
.jobmate-landing .hero-grid{display:flex;justify-content:center;align-items:flex-start;min-height:0;height:100%;padding:155px 0 0}
.jobmate-landing .hero-copy{text-align:center;width:100%;max-width:850px}
.jobmate-landing .hero h1{font-size:clamp(49px,5vw,70px);line-height:1.04;letter-spacing:-.055em;margin:0 auto 22px;color:#f0eef1;font-weight:620}
.jobmate-landing .hero h1 span{color:#f0eef1}
.jobmate-landing .hero-lead{max-width:none;margin:0 auto 45px;color:#a6a0a8;font-size:15px;line-height:1.58}
.jobmate-landing .hero-search{display:flex;align-items:center;gap:10px;width:min(100%,382px);height:49px;margin:0 auto;padding:5px 6px 5px 17px;background:#fff;border-radius:30px;box-shadow:0 9px 20px #00000018}
.jobmate-landing .hero-search svg{width:17px;height:17px;stroke:#928d95;stroke-width:1.8;fill:none;flex:none}
.jobmate-landing .hero-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;color:#18141a;font-size:13px}
.jobmate-landing .hero-search input::placeholder{color:#9b969d}
.jobmate-landing .hero-search input::-webkit-search-cancel-button{display:none}
.jobmate-landing .hero-search button{flex:none;width:37px;height:37px;border:0;border-radius:50%;background:#d900bc;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.jobmate-landing .hero-search button:hover{background:#f01bd0;transform:scale(1.06)}
.jobmate-landing .hero-under-search{margin:8px 0 0;color:#c2bdc2;font-size:12px;line-height:1.2}
.jobmate-landing .job-preview{padding:78px 0 90px;background:#f8f8f8}
.jobmate-landing .preview-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.jobmate-landing .preview-top h2{font-size:clamp(30px,3.3vw,46px);font-weight:500;letter-spacing:-.05em;margin:0}
.jobmate-landing .preview-top a{font-size:13px;font-weight:650;color:#171025;white-space:nowrap}
.jobmate-landing .preview-top a span{margin-left:10px}
.jobmate-landing .preview-cards{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}
.jobmate-landing .preview-card{display:flex;align-items:center;gap:18px;min-height:130px;padding:24px;background:#fff;border:1px solid #e9e6ea;border-radius:15px;box-shadow:0 8px 22px #00000008;transition:transform .2s,box-shadow .2s}
.jobmate-landing .preview-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000013}
.jobmate-landing .preview-letter{display:grid;place-items:center;flex:none;width:51px;height:51px;background:#1a0c22;color:#fff;border-radius:10px;font-size:23px;font-weight:800}
.jobmate-landing .preview-card>span:nth-child(2){display:grid;gap:4px}
.jobmate-landing .preview-card strong{font-size:17px;font-weight:650;letter-spacing:-.02em}
.jobmate-landing .preview-card small{font-size:11px;color:#847e87}
.jobmate-landing .preview-score{margin-left:auto;padding:7px 10px;border-radius:20px;background:#fae5f7;color:#ad168f;font-size:11px;font-weight:700;white-space:nowrap}
.jobmate-landing .preview-explore{display:grid;grid-template-columns:45px 1fr;gap:4px 12px;align-content:center}
.jobmate-landing .preview-explore-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d900bc;color:#fff;font-size:20px}
.jobmate-landing .preview-explore small{grid-column:2}
.jobmate-landing .section-pad{padding-block:92px}.jobmate-landing .sources,.jobmate-landing .how{background:#fff}.jobmate-landing .benefits{background:#f8f8f8}.jobmate-landing .source-intro h2,.jobmate-landing .center-intro h2,.jobmate-landing .how h2{font-weight:500;letter-spacing:-.05em}.jobmate-landing .section-intro h2 span,.jobmate-landing .center-intro h2 span,.jobmate-landing .how h2 span{color:#141217}
.jobmate-landing .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;font-weight:650;color:#7771db}.jobmate-landing .logo-panel{background:#fff;box-shadow:none;border-radius:13px}.jobmate-landing .benefit-card{border-radius:13px;box-shadow:none}.jobmate-landing .benefit-primary{background:#fff;border-color:#e9e3f3}.jobmate-landing .benefit-icon,.jobmate-landing .benefit-primary .benefit-icon{background:#f1eefd;color:#7771db}.jobmate-landing .card-number{color:#7771db}.jobmate-landing .decorative-match{background:#f8f7fa}.jobmate-landing .decorative-match strong{color:#7771db}.jobmate-landing .benefit-arrow,.jobmate-landing .text-link{color:#7771db}.jobmate-landing .step-num{background:#f3f1f8;color:#7771db}.jobmate-landing .cta-section{background:#fff}.jobmate-landing .cta-box{background:#0e050f;border-radius:22px}.jobmate-landing .cta-box h2 em{color:#fff}.jobmate-landing .cta-symbol{color:#d800ba}
@media(max-width:980px){.jobmate-landing .desktop-nav{gap:20px}.jobmate-landing .desktop-nav a{font-size:11px}.jobmate-landing .nav-wrap{gap:10px}.jobmate-landing .site-header .nav-actions{gap:12px}}
@media(max-width:760px){.jobmate-landing .site-header{top:12px}.jobmate-landing .nav-wrap{width:min(100% - 24px,1092px);height:55px;padding:0 11px 0 19px}.jobmate-landing .mobile-menu{top:62px;left:12px;right:12px;border-radius:12px}.jobmate-landing .hero{height:590px;min-height:590px;border-radius:0 0 24px 24px}.jobmate-landing .hero-grid{padding-top:158px}.jobmate-landing .hero h1{font-size:clamp(42px,8vw,61px)}.jobmate-landing .hero-lead{font-size:14px}.jobmate-landing .job-preview{padding:68px 0}.jobmate-landing .preview-cards{grid-template-columns:1fr}.jobmate-landing .preview-card{min-height:112px}.jobmate-landing .preview-top h2{font-size:34px}}
@media(max-width:460px){.jobmate-landing .hero{height:560px;min-height:560px}.jobmate-landing .hero-grid{padding-top:154px}.jobmate-landing .hero h1{font-size:41px;letter-spacing:-.055em}.jobmate-landing .hero-lead{margin-bottom:36px;font-size:13px}.jobmate-landing .hero-search{max-width:340px}.jobmate-landing .preview-top{display:block}.jobmate-landing .preview-top a{display:inline-block;margin-top:13px}.jobmate-landing .preview-card{padding:18px;gap:12px}.jobmate-landing .preview-score{font-size:10px;padding:6px}.jobmate-landing .preview-card strong{font-size:15px}.jobmate-landing .section-pad{padding-block:72px}}

.jobmate-landing main{display:flex;flex-direction:column}
.jobmate-landing .hero{order:0}.jobmate-landing .job-preview{order:1}.jobmate-landing .benefits{order:2}.jobmate-landing .how{order:3}.jobmate-landing .sources{order:4}.jobmate-landing .cta-section{order:5}
.jobmate-landing .benefits{background:#fff;padding-block:90px}
.jobmate-landing .benefits .center-intro{display:none}
.jobmate-landing .benefit-grid{display:grid;grid-template-columns:1fr;gap:0}
.jobmate-landing .benefit-card,.jobmate-landing .benefit-primary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;min-height:475px;padding:40px 0;border:0;border-radius:0;background:#fff;box-shadow:none;overflow:visible}
.jobmate-landing .benefit-card:nth-child(2) .feature-copy{order:2}
.jobmate-landing .benefit-card:nth-child(2) .feature-visual{order:1}
.jobmate-landing .feature-copy{max-width:500px}.jobmate-landing .benefit-card>div:nth-child(2){margin-top:0}
.jobmate-landing .benefit-card h3{font-size:clamp(37px,3.5vw,52px);font-weight:500;line-height:1.13;letter-spacing:-.055em;margin:22px 0}
.jobmate-landing .benefit-card p{max-width:490px;color:#85828a;font-size:17px;line-height:1.55}
.jobmate-landing .card-number{display:inline-block;color:#7670dc;font-size:17px;font-weight:650;letter-spacing:-.03em;text-transform:none;border-bottom:1px solid #a5a0ed;padding-bottom:5px}
.jobmate-landing .feature-visual{display:grid;place-items:center;min-height:370px;padding:28px;border-radius:15px;background:#eeeaf8}
.jobmate-landing .match-visual{background:linear-gradient(135deg,#e2def9,#f9edf7)}
.jobmate-landing .letter-visual{background:linear-gradient(135deg,#e2f2f8,#f1eaf9)}
.jobmate-landing .privacy-visual{background:linear-gradient(135deg,#ebf7ee,#f3ecfa)}
.jobmate-landing .visual-window{width:min(100%,440px);background:#fff;border:7px solid #25152b;border-radius:13px;overflow:hidden;box-shadow:0 20px 28px #1f13382e}
.jobmate-landing .visual-top{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;background:#1b0d20;color:#fff}
.jobmate-landing .visual-top small{margin-left:10px;font-size:9px;font-weight:700}
.jobmate-landing .visual-dot{width:5px;height:5px;border-radius:50%;background:#8f8293}
.jobmate-landing .visual-content{padding:25px 30px 28px;display:grid;gap:9px}
.jobmate-landing .visual-pill{display:inline-block;justify-self:start;background:#f4e4f2;color:#ae2b97;padding:5px 9px;border-radius:10px;font-size:10px;font-weight:700}
.jobmate-landing .visual-content strong{font-size:24px;letter-spacing:-.04em}
.jobmate-landing .visual-content small{font-size:11px;color:#827b85}
.jobmate-landing .visual-score{display:flex;justify-content:space-between;margin-top:17px;font-size:11px}.jobmate-landing .visual-score b{color:#ca2ca9}
.jobmate-landing .visual-bar{height:8px;border-radius:8px;background:#efe6f0}.jobmate-landing .visual-bar i{display:block;width:92%;height:100%;border-radius:8px;background:#d327b1}
.jobmate-landing .visual-chips{display:flex;gap:6px;margin-top:11px}.jobmate-landing .visual-chips span{padding:6px 8px;border-radius:7px;background:#f6f2f7;color:#6c5f72;font-size:10px}
.jobmate-landing .letter-paper{display:grid;gap:10px;margin:22px auto;padding:24px;width:80%;background:#fff;box-shadow:0 8px 22px #27182c14;border:1px solid #f0ebf0;border-radius:7px}
.jobmate-landing .letter-paper strong{font-size:14px;letter-spacing:-.02em;margin:6px 0}
.jobmate-landing .letter-paper i{display:block;height:6px;background:#e9e6eb;border-radius:4px}.jobmate-landing .letter-paper i:nth-of-type(2){width:93%}.jobmate-landing .letter-paper i:nth-of-type(3){width:98%}.jobmate-landing .letter-paper i.short{width:64%}
.jobmate-landing .letter-action{margin-top:10px;color:#a1268a;font-size:10px;font-weight:750}
.jobmate-landing .privacy-panel{display:grid;justify-items:start;gap:11px;padding:27px}.jobmate-landing .privacy-lock{display:grid;place-items:center;width:38px;height:38px;background:#f6e6f5;border-radius:10px;color:#af2796;font-size:24px}.jobmate-landing .privacy-panel strong{font-size:17px;letter-spacing:-.03em}.jobmate-landing .privacy-panel small{color:#8c848d;font-size:10px}.jobmate-landing .privacy-row{display:flex;justify-content:space-between;width:100%;padding:10px 0;border-bottom:1px solid #f1edf2;font-size:11px;color:#4f4750}.jobmate-landing .privacy-row b{color:#b6269a}
.jobmate-landing .sources{background:#f8f8f8}
@media(max-width:760px){.jobmate-landing .benefits{padding-block:45px}.jobmate-landing .benefit-card,.jobmate-landing .benefit-primary{grid-template-columns:1fr;gap:23px;padding:40px 0;min-height:0}.jobmate-landing .benefit-card:nth-child(2) .feature-copy,.jobmate-landing .benefit-card:nth-child(2) .feature-visual{order:initial}.jobmate-landing .benefit-card h3{font-size:38px}.jobmate-landing .benefit-card p{font-size:15px}.jobmate-landing .feature-visual{min-height:310px}.jobmate-landing .benefit-card>div:nth-child(2){margin-top:0}}
@media(max-width:460px){.jobmate-landing .benefit-card h3{font-size:35px}.jobmate-landing .feature-visual{padding:17px;min-height:285px}.jobmate-landing .visual-content{padding:18px 20px}.jobmate-landing .letter-paper{padding:18px}.jobmate-landing .privacy-panel{padding:18px}}

/* Bright image-led theme */
.jobmate-landing{--ink:#081823;--purple:#0a514a;--purple2:#167b6a;--lime:#168c78;--lavender:#f6faf8;--line:#e4eeeb}
.jobmate-landing{background:#f9fbfa;color:#081823}
.jobmate-landing .site-header{top:18px}
.jobmate-landing .nav-wrap{width:min(100% - 48px,1014px);height:54px;background:#ffffffc9;border:1px solid #ffffffb8;border-radius:17px;box-shadow:0 12px 35px #40635c17;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.jobmate-landing .site-header .brand,.jobmate-landing .site-header .desktop-nav a,.jobmate-landing .site-header .login-link{color:#091821}
.jobmate-landing .site-header .brand-dot{color:#168a73}
.jobmate-landing .site-header .desktop-nav a:hover,.jobmate-landing .site-header .login-link:hover{color:#187e6d}
.jobmate-landing .site-header .button-dark{min-height:37px;padding:0 17px;border-radius:11px;background:linear-gradient(105deg,#075950,#23977d);box-shadow:0 6px 12px #036b5830}
.jobmate-landing .site-header .button-dark:hover{background:#0b6a5c}
.jobmate-landing .site-header .button-dark span{font-size:15px}
.jobmate-landing .language-label{display:inline-flex;align-items:center;gap:6px;color:#17252b;font-size:12px;white-space:nowrap}
.jobmate-landing .language-label span:first-child{font-size:18px;line-height:0}
.jobmate-landing .language-label span:last-child{font-size:17px;margin-left:1px}
.jobmate-landing .hero{height:clamp(600px,46.5vw,760px);min-height:600px;border-radius:0;background-image:linear-gradient(180deg,#ffffff38 0%,#ffffff66 34%,#ffffff0d 66%,transparent 85%),url("bg-sharp.webp");background-size:cover;background-position:center center;color:#081823}
.jobmate-landing .hero:before,.jobmate-landing .hero:after{display:none}
.jobmate-landing .hero-grid{position:relative;z-index:2;height:100%;padding:clamp(166px,12.5vw,195px) 0 0;align-items:flex-start}
.jobmate-landing .hero-copy{max-width:760px}
.jobmate-landing .hero h1{color:#081823;font-size:clamp(49px,4.7vw,70px);font-weight:750;line-height:1.05;letter-spacing:-.055em;margin:0 0 31px;text-shadow:0 2px 10px #ffffffb0}
.jobmate-landing .hero h1 span{color:#32877a;background:linear-gradient(100deg,#17665d,#5b9e8e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.jobmate-landing .hero-search{width:min(100%,478px);height:55px;padding:5px 6px 5px 22px;background:#ffffffdc;backdrop-filter:blur(15px);box-shadow:0 10px 28px #42564b23;border:1px solid #fff}
.jobmate-landing .hero-search svg{width:18px;height:18px;stroke:#15272e}
.jobmate-landing .hero-search input{font-size:13px}
.jobmate-landing .hero-search button{width:41px;height:41px;background:linear-gradient(135deg,#08584d,#31ae91)}
.jobmate-landing .hero-search button:hover{background:#087461}
.jobmate-landing .hero-under-search{display:inline-flex;align-items:center;gap:12px;margin-top:16px;color:#10222b;font-size:12px;font-weight:520;text-shadow:0 1px 8px #fff}
.jobmate-landing .hero-under-search span{font-size:17px}
.jobmate-landing .hero-job-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;width:240px;min-height:90px;padding:14px;background:#fffffff0;border:1px solid #ffffffdb;border-radius:19px;box-shadow:0 15px 35px #284b4a20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.jobmate-landing .hero-card-left{left:6%;top:34%;transform:rotate(-3deg)}
.jobmate-landing .hero-card-right-top{right:6%;top:26%;transform:rotate(-5deg)}
.jobmate-landing .hero-card-right-bottom{right:4%;top:50%;transform:rotate(5deg)}
.jobmate-landing .hero-company-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;font-weight:800}
.jobmate-landing .google-mark{background:#fff;color:#4285f4;font-size:39px;text-shadow:-2px -1px #ea4335,2px 1px #34a853}
.jobmate-landing .spotify-mark{background:#1ed760;color:#062919;font-size:43px;line-height:.5;transform:rotate(-12deg)}
.jobmate-landing .dnb-mark{background:#16485a;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.05em}
.jobmate-landing .hero-job-copy{display:grid;gap:3px;min-width:0}.jobmate-landing .hero-job-copy strong{font-size:12px;white-space:nowrap;letter-spacing:-.03em}.jobmate-landing .hero-job-copy small{font-size:11px;color:#65737a}.jobmate-landing .hero-job-copy em{justify-self:start;margin-top:7px;padding:4px 7px;border-radius:8px;background:#f3f6f5;color:#73817e;font-style:normal;font-size:9px}
.jobmate-landing .hero-bookmark{margin-left:auto;align-self:flex-start;color:#3c5760;font-size:19px;line-height:1}
.jobmate-landing .job-preview{background:#f7faf8}.jobmate-landing .preview-card{background:#ffffffbd;border-color:#e5eeea;backdrop-filter:blur(12px);box-shadow:0 9px 23px #1d5f4a0c}.jobmate-landing .preview-letter{background:#155e52}.jobmate-landing .preview-score{background:#e1f4ec;color:#117b66}.jobmate-landing .preview-explore-icon{background:#168b76}
.jobmate-landing .eyebrow,.jobmate-landing .card-number,.jobmate-landing .text-link{color:#168a76}.jobmate-landing .benefit-card{background:transparent}.jobmate-landing .feature-visual{background:#eaf6f1}.jobmate-landing .match-visual{background:linear-gradient(135deg,#e6f5ef,#f6f4ec)}.jobmate-landing .letter-visual{background:linear-gradient(135deg,#e3f4f5,#f0f6ed)}.jobmate-landing .privacy-visual{background:linear-gradient(135deg,#ebf7ee,#eef5f1)}
.jobmate-landing .visual-window{border-color:#17483f}.jobmate-landing .visual-top{background:#133e37}.jobmate-landing .visual-pill{background:#e3f5eb;color:#167c65}.jobmate-landing .visual-score b,.jobmate-landing .letter-action,.jobmate-landing .privacy-row b{color:#12846d}.jobmate-landing .visual-bar i{background:#2a9c80}.jobmate-landing .privacy-lock{background:#e1f4ea;color:#16866e}
.jobmate-landing .step-num{background:#eaf6f1;color:#168a76}.jobmate-landing .sources{background:#f5faf7}.jobmate-landing .cta-section{background:#fff}.jobmate-landing .cta-box{background:linear-gradient(120deg,#dbeee6cc,#eef7f1d9);border:1px solid #cde5da;color:#102b29;backdrop-filter:blur(18px)}.jobmate-landing .cta-box .eyebrow-light{color:#238572}.jobmate-landing .cta-box h2 em{color:#298c77}.jobmate-landing .cta-box p,.jobmate-landing .cta-box small{color:#55736a}.jobmate-landing .cta-symbol{color:#8ac4ab}
.jobmate-landing .cta-section .button-lime,.jobmate-landing .cta-section .button-outline-light{background:#ffffff3d;color:#0b6659;border:1px solid #92c8b5;box-shadow:none;backdrop-filter:blur(10px)}
.jobmate-landing .cta-section .button-lime:hover,.jobmate-landing .cta-section .button-outline-light:hover{background:#ffffffa8;border-color:#3f9d83}
.jobmate-landing .footer-top nav a:hover{color:#11826c}
@media(max-width:1120px){.jobmate-landing .hero-job-card{width:205px;padding:10px}.jobmate-landing .hero-card-left{left:2%}.jobmate-landing .hero-card-right-top{right:2%}.jobmate-landing .hero-card-right-bottom{right:1%}.jobmate-landing .hero h1{font-size:clamp(48px,5.6vw,65px)}}
@media(max-width:800px){.jobmate-landing .language-label{display:none}.jobmate-landing .hero-job-card{display:none}.jobmate-landing .hero{height:680px;min-height:680px;background-position:center center}.jobmate-landing .hero-grid{padding-top:170px}.jobmate-landing .hero-copy{max-width:590px}.jobmate-landing .hero h1{font-size:clamp(44px,7vw,58px)}.jobmate-landing .nav-wrap{width:min(100% - 30px,1014px)}}
@media(max-width:760px){.jobmate-landing .site-header{top:12px}.jobmate-landing .nav-wrap{width:min(100% - 24px,1014px);background:#ffffffde}.jobmate-landing .site-header .menu-toggle span{background:#0c2928}.jobmate-landing .mobile-menu{background:#ffffffed;border:1px solid #d7e9e1;backdrop-filter:blur(20px)}.jobmate-landing .mobile-menu a{color:#14352f;border-bottom-color:#e1ebe6}.jobmate-landing .mobile-menu a:last-child{color:#137d69}.jobmate-landing .hero{height:660px;min-height:660px;background-position:center center}.jobmate-landing .hero-grid{padding-top:164px}.jobmate-landing .hero h1{font-size:clamp(43px,8vw,56px)}}
@media(max-width:460px){.jobmate-landing .hero{height:620px;min-height:620px;background-position:51% center;background-image:linear-gradient(180deg,#ffffffb8 0%,#ffffffcf 39%,#ffffff1c 78%),url("bg-sharp.webp")}.jobmate-landing .hero-grid{padding-top:150px}.jobmate-landing .hero h1{font-size:41px;line-height:1.08;margin-bottom:26px}.jobmate-landing .hero-search{max-width:350px;height:52px}.jobmate-landing .hero-under-search{font-size:11px}}

@media(min-width:801px){.jobmate-landing .hero{height:620px;min-height:620px;background-size:cover;background-position:center top}.jobmate-landing .hero-grid{padding-top:168px}}
@media(max-width:800px){.jobmate-landing .hero-grid{justify-content:flex-start}}
@media(max-width:460px){.jobmate-landing .hero{height:560px;min-height:560px;background-size:auto 680px;background-position:center top}.jobmate-landing .hero-grid{padding-top:172px}}
.jobmate-landing .hero-bookmark{display:block;flex:none;width:15px;height:18px;margin-left:auto;align-self:flex-start;color:#3c5760}
.jobmate-landing .hero h1{text-shadow:none}
.jobmate-landing .hero h1 span{background:none;color:#39877b;-webkit-text-fill-color:currentColor}
.jobmate-landing .hero-card-left{transform:rotate(-1deg)}
.jobmate-landing .hero-card-right-top{transform:rotate(-1.5deg)}
.jobmate-landing .hero-card-right-bottom{transform:rotate(1.5deg)}
.jobmate-landing .hero-job-card{background:#fffffff4;box-shadow:0 8px 25px #183b351a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.jobmate-landing .google-mark{background:#fff;text-shadow:none}
.jobmate-landing .google-mark img{width:37px;height:37px}
.jobmate-landing .spotify-mark{background:#fff;transform:none}
.jobmate-landing .spotify-mark img{width:42px;height:42px}
.jobmate-landing .cta-symbol{display:none}
.jobmate-landing .feature-visual,.jobmate-landing .match-visual,.jobmate-landing .letter-visual,.jobmate-landing .privacy-visual{background:#edf4f1}
.jobmate-landing .visual-window{border:1px solid #d7e3de;border-radius:10px;box-shadow:0 7px 22px #1c403017}
.jobmate-landing .visual-top{background:#fff;color:#18342e;border-bottom:1px solid #e4ece8}
.jobmate-landing .visual-dot{background:#cbd8d1}
.jobmate-landing .letter-paper{box-shadow:none}
.jobmate-landing .benefit-card h3{font-weight:550}

/* Transparent lower-page system */
.jobmate-landing main{background:
  radial-gradient(circle at 10% 48%,rgba(196,226,211,.52),transparent 27%),
  radial-gradient(circle at 91% 78%,rgba(211,232,225,.58),transparent 29%),
  linear-gradient(180deg,#f7faf8 0%,#edf5f0 58%,#f8faf8 100%)}
.jobmate-landing .job-preview,.jobmate-landing .benefits,.jobmate-landing .how,.jobmate-landing .sources,.jobmate-landing .cta-section{background:transparent}
.jobmate-landing .job-preview{padding:92px 0 86px}
.jobmate-landing .preview-top{align-items:center;margin-bottom:29px}
.jobmate-landing .preview-top h2{font-size:clamp(34px,3.3vw,47px)}
.jobmate-landing .preview-top a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #9dbdb0;border-radius:100px;background:#ffffff42;color:#14594e;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.jobmate-landing .preview-top a:hover{background:#ffffffb8;border-color:#4d9c83}
.jobmate-landing .preview-cards{grid-template-columns:1.3fr 1fr;gap:18px}
.jobmate-landing .preview-card{min-height:150px;padding:27px;border:1px solid #ffffffd1;border-radius:18px;background:#ffffff70;box-shadow:0 12px 35px #204b3b0c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.jobmate-landing .preview-card:hover{box-shadow:0 17px 35px #204b3b17}
.jobmate-landing .preview-explore{background:#f7fffb57}
.jobmate-landing .benefits{padding:92px 0}
.jobmate-landing .benefits .center-intro{display:block;max-width:660px;margin:0 auto 42px}
.jobmate-landing .benefits .center-intro h2{font-size:clamp(37px,3.9vw,53px);font-weight:580;line-height:1.12}
.jobmate-landing .benefits .center-intro p{max-width:570px;font-size:15px}
.jobmate-landing .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jobmate-landing .benefit-card,.jobmate-landing .benefit-primary{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:365px;padding:28px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffff66;box-shadow:0 14px 36px #204b3b0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.jobmate-landing .benefit-card:nth-child(2) .feature-copy{order:initial}
.jobmate-landing .benefit-card .feature-copy{display:flex;flex-direction:column;flex:1;max-width:none;margin:0!important}
.jobmate-landing .benefit-index{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b5d2c5;border-radius:12px;color:#3a806c;background:#ffffff5c;font-size:12px;font-weight:750;margin-bottom:30px}
.jobmate-landing .card-number{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#448474;border:0;padding:0}
.jobmate-landing .benefit-card h3{font-size:clamp(24px,2vw,30px);font-weight:630;line-height:1.2;letter-spacing:-.045em;margin:13px 0 12px}
.jobmate-landing .benefit-card p{max-width:none;color:#64776f;font-size:13px;line-height:1.65;margin:0 0 25px}
.jobmate-landing .feature-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;align-self:flex-start;margin-top:auto;padding:10px 14px;border:1px solid #a8c8b8;border-radius:100px;background:#ffffff30;color:#17614f;font-size:12px;font-weight:750;transition:background .2s,border-color .2s}
.jobmate-landing .feature-link:hover{background:#ffffffb5;border-color:#52a486}
.jobmate-landing .feature-link span{font-size:16px;line-height:1}
.jobmate-landing .how{padding:95px 0}
.jobmate-landing .how-grid{grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.jobmate-landing .how-heading{padding-top:12px}
.jobmate-landing .how h2{font-size:clamp(38px,3.8vw,51px)}
.jobmate-landing .how h2 span{color:#4b8e77}
.jobmate-landing .how-heading p{font-size:15px;color:#63786f}
.jobmate-landing .text-link{display:inline-flex;align-items:center;gap:20px;padding:12px 16px;border:1px solid #a8c8b8;border-radius:100px;background:#ffffff40;color:#17614f;font-size:12px;text-decoration:none;transition:background .2s}
.jobmate-landing .text-link:hover{background:#ffffffbb}
.jobmate-landing .steps{display:grid;gap:10px}
.jobmate-landing .steps li,.jobmate-landing .steps li:first-child{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;margin:0;padding:17px 19px;border:1px solid #ffffffc5;border-radius:16px;background:#ffffff61;box-shadow:0 6px 20px #204b3b08;backdrop-filter:blur(14px)}
.jobmate-landing .step-num{width:43px;height:43px;border:1px solid #c6ded2;background:#ffffff71;border-radius:12px;color:#357d68}
.jobmate-landing .step-icon{display:none}
.jobmate-landing .steps h3{font-size:16px;letter-spacing:-.025em}
.jobmate-landing .steps p{font-size:12px;color:#72817b}
.jobmate-landing .sources{padding:94px 0}
.jobmate-landing .source-intro p{color:#62786e}
.jobmate-landing .source-intro h2 span{color:#418b73}
.jobmate-landing .logo-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:36px;padding:15px;border:1px solid #ffffffd4;border-radius:20px;background:#ffffff48;box-shadow:0 10px 32px #204b3b09;backdrop-filter:blur(18px)}
.jobmate-landing .source-logo{min-width:0;min-height:58px;padding:10px;background:#ffffff59;border:1px solid #ffffffb5;border-radius:11px;color:#50665d}
.jobmate-landing .source-logo img{width:23px;height:23px}
.jobmate-landing .cta-section{padding:35px 0 110px}
.jobmate-landing .cta-box{min-height:0;padding:58px 65px;border:1px solid #ffffffc7;border-radius:23px;background:linear-gradient(130deg,#ffffff87,#e0eee5a6);box-shadow:0 19px 48px #204b3b12;backdrop-filter:blur(20px)}
.jobmate-landing .cta-pattern,.jobmate-landing .cta-symbol{display:none}
.jobmate-landing .cta-box h2{font-size:clamp(41px,4vw,57px);font-weight:600}
.jobmate-landing .cta-box h2 em{color:#368770}
.jobmate-landing .cta-box p{color:#5d746a}
.jobmate-landing .cta-section .button-lime,.jobmate-landing .cta-section .button-outline-light{background:#ffffff3d;border-color:#92bca8;color:#145b4d;box-shadow:none}
.jobmate-landing .cta-section .button-lime:hover,.jobmate-landing .cta-section .button-outline-light:hover{background:#ffffffb6}
.jobmate-landing .site-footer{background:#edf5f079;border-top:1px solid #dceae3}
@media(max-width:980px){.jobmate-landing .logo-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.jobmate-landing .how-grid{gap:45px}}
@media(max-width:760px){.jobmate-landing .job-preview,.jobmate-landing .benefits,.jobmate-landing .how,.jobmate-landing .sources{padding:70px 0}.jobmate-landing .preview-cards{grid-template-columns:1fr}.jobmate-landing .benefit-grid{grid-template-columns:1fr}.jobmate-landing .benefit-card,.jobmate-landing .benefit-primary{min-height:0;padding:25px}.jobmate-landing .benefit-index{margin-bottom:24px}.jobmate-landing .benefit-card p{margin-bottom:24px}.jobmate-landing .how-grid{grid-template-columns:1fr;gap:28px}.jobmate-landing .logo-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.jobmate-landing .cta-section{padding:15px 0 75px}.jobmate-landing .cta-box{padding:42px 30px}}
@media(max-width:460px){.jobmate-landing .preview-top{display:block}.jobmate-landing .preview-top a{margin-top:17px}.jobmate-landing .preview-card{min-height:120px;padding:19px}.jobmate-landing .benefits .center-intro h2{font-size:37px}.jobmate-landing .logo-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.jobmate-landing .source-logo{font-size:11px}.jobmate-landing .steps li,.jobmate-landing .steps li:first-child{padding:15px}.jobmate-landing .cta-box{padding:34px 23px}}
.jobmate-landing #fordeler,.jobmate-landing #slik-fungerer-det,.jobmate-landing #sources-title{scroll-margin-top:110px}
.jobmate-landing .job-preview{padding:78px 0 44px}
.jobmate-landing .benefits{padding:58px 0 66px}
.jobmate-landing .how{padding:64px 0 56px}
.jobmate-landing .sources{padding:62px 0 74px}
.jobmate-landing .cta-section{padding:18px 0 86px}
@media(max-width:760px){.jobmate-landing .job-preview,.jobmate-landing .benefits,.jobmate-landing .how,.jobmate-landing .sources{padding:54px 0}.jobmate-landing .cta-section{padding:10px 0 65px}}
.jobmate-landing .language-label{gap:5px;font-weight:550;line-height:1}
.jobmate-landing .language-label svg:first-child{width:16px;height:16px}
.jobmate-landing .language-label svg:last-child{width:12px;height:12px;margin-left:1px}
.jobmate-landing .site-header .button-dark svg{width:15px;height:15px;flex:none}

/* Hero matched to the updated bg.webp composition */
.jobmate-landing .site-header{top:16px}
.jobmate-landing .site-header .nav-wrap{width:min(76%,1390px);height:72px;padding:0 31px 0 37px;border-radius:19px;background:#fffffff0;box-shadow:0 12px 36px #263d3215}
.jobmate-landing .site-header .brand{font-size:29px;letter-spacing:-.07em}
.jobmate-landing .site-header .desktop-nav{gap:clamp(22px,2.8vw,52px)}
.jobmate-landing .site-header .desktop-nav a,.jobmate-landing .site-header .login-link{font-size:15px;font-weight:500}
.jobmate-landing .site-header .nav-actions{gap:27px}
.jobmate-landing .site-header .button-dark{min-height:49px;padding:0 24px;border-radius:16px;background:#081926;box-shadow:none;font-size:15px;font-weight:500;gap:22px}
.jobmate-landing .site-header .button-dark:hover{background:#173344;box-shadow:0 8px 20px #102c3b27}
.jobmate-landing .hero{height:46.5vw;min-height:650px;max-height:855px;background-image:url("bg.webp");background-size:cover;background-position:center top}
.jobmate-landing .hero-grid{display:block;position:relative;width:100%;height:100%;padding:0}
.jobmate-landing .hero-copy{position:absolute;left:15.7%;top:28.5%;width:54%;max-width:none;text-align:left}
.jobmate-landing .hero h1{margin:0 0 43px;color:#051725;font-size:clamp(61px,4.85vw,91px);font-weight:750;line-height:1.04;letter-spacing:-.058em;white-space:nowrap}
.jobmate-landing .hero h1 span{color:#07876d;-webkit-text-fill-color:currentColor}
.jobmate-landing .hero-search{width:min(100%,38vw,700px);height:clamp(60px,4.3vw,79px);margin:0;padding:6px 8px 6px 29px;gap:20px;border-radius:100px;background:#fffffff0;box-shadow:0 11px 29px #37473a1a}
.jobmate-landing .hero-search svg{width:22px;height:22px;stroke:#0b1b27}
.jobmate-landing .hero-search input{font-size:17px}
.jobmate-landing .hero-search input::placeholder{color:#899197}
.jobmate-landing .hero-search button{width:clamp(47px,3.3vw,61px);height:clamp(47px,3.3vw,61px);background:linear-gradient(140deg,#07775f,#3aa798);font-size:28px}
.jobmate-landing .hero-under-search{display:flex;justify-content:center;width:min(100%,38vw,700px);margin-top:17px;font-size:15px;font-weight:450;text-shadow:none}
.jobmate-landing .hero-job-card{width:clamp(246px,18vw,335px);min-height:clamp(102px,8vw,146px);padding:19px;gap:15px;border-radius:23px;background:#ffffffc9;border:1px solid #ffffffb8;box-shadow:0 14px 30px #143b3820;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.jobmate-landing .hero-card-left{left:66.7%;right:auto;top:25%;transform:rotate(-5deg)}
.jobmate-landing .hero-card-right-top{left:79%;right:auto;top:40%;transform:rotate(4deg)}
.jobmate-landing .hero-card-right-bottom{left:73%;right:auto;top:59%;transform:rotate(5deg)}
.jobmate-landing .hero-company-mark{width:59px;height:59px;border-radius:15px;background:#fff}
.jobmate-landing .telenor-mark img{width:48px;height:48px;object-fit:contain}
.jobmate-landing .google-mark img{width:43px;height:43px}
.jobmate-landing .dnb-mark{background:#007a78;color:#fff;font-size:20px;font-weight:400;letter-spacing:-.08em}
.jobmate-landing .hero-job-copy{gap:4px}
.jobmate-landing .hero-job-copy strong{font-size:15px;font-weight:700}
.jobmate-landing .hero-job-copy small{font-size:14px;color:#3e4d50}
.jobmate-landing .hero-job-copy em{margin-top:11px;padding:0;background:transparent;color:#748480;font-size:11px}
.jobmate-landing .hero-job-copy em{display:inline-flex;align-items:center;gap:6px}
.jobmate-landing .hero-job-copy em::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.jobmate-landing .hero-bookmark{width:18px;height:22px;color:#49666b}
@media(max-width:1200px){
  .jobmate-landing .site-header .nav-wrap{width:calc(100% - 40px);padding-inline:24px}
  .jobmate-landing .site-header .desktop-nav{gap:20px}
  .jobmate-landing .hero-copy{left:10%;width:59%}
  .jobmate-landing .hero h1{font-size:clamp(56px,5vw,70px)}
  .jobmate-landing .hero-job-card{width:225px;padding:14px}
  .jobmate-landing .hero-card-left{left:69%}
  .jobmate-landing .hero-card-right-top{left:79%}
  .jobmate-landing .hero-card-right-bottom{left:73%}
}
@media(max-width:980px){
  .jobmate-landing .hero-job-card{display:none}
  .jobmate-landing .hero-copy{left:8%;width:84%;top:30%}
  .jobmate-landing .hero h1{font-size:clamp(51px,6.4vw,67px)}
  .jobmate-landing .site-header .nav-wrap{height:64px}
  .jobmate-landing .site-header .desktop-nav{gap:15px}
  .jobmate-landing .site-header .desktop-nav a,.jobmate-landing .site-header .login-link{font-size:12px}
  .jobmate-landing .site-header .button-dark{padding-inline:16px;min-height:43px;font-size:12px}
}
@media(max-width:760px){
  .jobmate-landing .site-header{top:12px}
  .jobmate-landing .site-header .nav-wrap{width:calc(100% - 24px);height:58px;padding:0 17px;border-radius:16px}
  .jobmate-landing .site-header .brand{font-size:25px}
  .jobmate-landing .hero{height:660px;min-height:660px;max-height:none;background-position:44% top}
  .jobmate-landing .hero-grid{display:block;padding:0}
  .jobmate-landing .hero-copy{left:6%;top:28%;width:88%;text-align:left}
  .jobmate-landing .hero h1{font-size:clamp(42px,7.7vw,58px);line-height:1.08;white-space:normal;margin-bottom:30px}
  .jobmate-landing .hero-search{width:100%;height:60px;padding-left:20px;gap:11px}
  .jobmate-landing .hero-search input{font-size:14px}
  .jobmate-landing .hero-search button{width:47px;height:47px}
  .jobmate-landing .hero-under-search{width:100%;font-size:12px}
}
@media(max-width:460px){
  .jobmate-landing .hero{height:570px;min-height:570px;background-image:linear-gradient(90deg,#ffffff8c 0%,#ffffff36 70%,transparent),url("bg.webp");background-size:auto 570px;background-position:44% top}
  .jobmate-landing .hero-copy{top:31%}
  .jobmate-landing .hero h1{font-size:clamp(38px,10vw,44px);margin-bottom:28px}
  .jobmate-landing .hero-search{height:56px;max-width:none}
  .jobmate-landing .hero-under-search{font-size:11px}
}

.jobmate-landing main>.hero{order:0}
.jobmate-landing main>.featured-jobs{order:1}
.jobmate-landing main>.sources{order:3}
.jobmate-landing main>.cta-section{order:4}
.jobmate-landing .featured-jobs{padding:104px 0 96px}
.jobmate-landing .featured-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:36px}
.jobmate-landing .featured-heading-side{width:270px;flex:none}
.jobmate-landing .featured-heading-side p{margin:0 0 17px;color:#64786e;font-size:14px;line-height:1.6}
.jobmate-landing .glass-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:0 17px;border:1px solid #a7cab8;border-radius:100px;background:#ffffff70;color:#185e4b;font-size:12px;font-weight:700;backdrop-filter:blur(12px);transition:background .2s,transform .2s}
.jobmate-landing .glass-link:hover{background:#fff;transform:translateY(-2px)}
.jobmate-landing .glass-link span{font-size:17px;font-weight:400}
.jobmate-landing .featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.jobmate-landing .featured-card{display:flex;flex-direction:column;justify-content:space-between;min-height:306px;padding:27px;border:1px solid #ffffffd9;border-radius:22px;background:#ffffff8a;box-shadow:0 13px 35px #1e54400d;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.jobmate-landing .featured-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.jobmate-landing .featured-logo{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid #e4eee8;border-radius:15px;background:#fff}
.jobmate-landing .featured-logo img{width:38px;height:38px;object-fit:contain}
.jobmate-landing .dnb-featured{border:0;background:#087c78;color:#fff;font-size:17px;font-weight:400;letter-spacing:-.07em}
.jobmate-landing .featured-example{padding:7px 9px;border:1px solid #e2eee8;border-radius:100px;color:#769185;font-size:10px;white-space:nowrap}
.jobmate-landing .featured-company{color:#698176;font-size:12px}
.jobmate-landing .featured-card h3{margin:5px 0 13px;color:#102923;font-size:clamp(24px,2.25vw,32px);font-weight:630;line-height:1.15;letter-spacing:-.04em}
.jobmate-landing .featured-location{display:inline-flex;align-items:center;gap:7px;color:#729082;font-size:12px}
.jobmate-landing .featured-location:before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.jobmate-landing .featured-card>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #dceae1;color:#1c715a;font-size:13px;font-weight:700}
.jobmate-landing .featured-card>a span{font-size:19px;font-weight:400;transition:transform .2s}
.jobmate-landing .featured-card>a:hover span{transform:translate(2px,-2px)}

/* Expanded footer */
.jobmate-landing .site-footer{padding:0;border-top:1px solid #d5e7dc;background:linear-gradient(150deg,#e9f3ed 0%,#f4f8f4 52%,#edf4ef 100%);color:#17392e}
.jobmate-landing .footer-main{display:grid;grid-template-columns:minmax(290px,2fr) repeat(3,minmax(130px,1fr));gap:clamp(25px,4vw,66px);padding:72px 0 62px}
.jobmate-landing .footer-brand-block .brand{font-size:31px;line-height:1;color:#0b241c}
.jobmate-landing .footer-brand-block .brand-mark{display:none}
.jobmate-landing .footer-brand-block .brand-dot{color:#19856a}
.jobmate-landing .footer-brand-block p{max-width:340px;margin:19px 0 23px;color:#617a6c;font-size:14px;line-height:1.7}
.jobmate-landing .footer-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:42px;padding:0 16px;border:1px solid #a2c8b5;border-radius:100px;background:#ffffff7f;color:#145e48;font-size:12px;font-weight:750;transition:background .2s,transform .2s}
.jobmate-landing .footer-primary-link:hover{background:#fff;transform:translateY(-2px)}
.jobmate-landing .footer-primary-link span{font-size:17px;font-weight:400}
.jobmate-landing .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:5px}
.jobmate-landing .footer-column h2{margin:0 0 8px;color:#1a4e3b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.jobmate-landing .footer-column a{color:#647c6e;font-size:13px;line-height:1.4;transition:color .2s,transform .2s}
.jobmate-landing .footer-column a:hover{color:#0b6e50;transform:translateX(3px)}
.jobmate-landing .footer-note{display:flex;align-items:center;gap:19px;padding:19px 24px;border:1px solid #d7e8dd;border-radius:17px;background:#ffffff73;backdrop-filter:blur(12px)}
.jobmate-landing .footer-note-mark{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:12px;background:#e0f1e6;color:#238268;font-size:20px}
.jobmate-landing .footer-note p{flex:1;margin:0;color:#526d5d;font-size:13px;line-height:1.55}
.jobmate-landing .footer-note>a{display:inline-flex;align-items:center;gap:18px;flex:none;color:#17674e;font-size:12px;font-weight:750;white-space:nowrap}
.jobmate-landing .footer-note>a span{font-size:18px;font-weight:400}
.jobmate-landing .footer-note>a:hover{color:#0c9a71}
.jobmate-landing .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:35px;padding:21px 0 28px;border-top:1px solid #d4e4d9;color:#7a9283;font-size:11px}
.jobmate-landing .footer-bottom span{display:block;margin:0}
.jobmate-landing .footer-bottom a{color:#46745a;font-weight:650}
.jobmate-landing .footer-bottom a:hover{color:#0b8a62}
@media(max-width:900px){.jobmate-landing .footer-main{grid-template-columns:1.7fr 1fr 1fr;gap:30px}.jobmate-landing .footer-brand-block{grid-row:span 2}.jobmate-landing .footer-column:last-child{grid-column:2/4;flex-direction:row;flex-wrap:wrap;align-content:start;column-gap:23px}.jobmate-landing .footer-column:last-child h2{width:100%}}
@media(max-width:760px){.jobmate-landing .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 25px;padding:56px 0 45px}.jobmate-landing .footer-brand-block{grid-column:1/-1;grid-row:auto}.jobmate-landing .footer-column:last-child{grid-column:auto;display:flex;flex-direction:column;gap:15px}.jobmate-landing .footer-column:last-child h2{width:auto}.jobmate-landing .footer-note{align-items:flex-start;flex-wrap:wrap}.jobmate-landing .footer-note p{flex-basis:calc(100% - 65px)}.jobmate-landing .footer-note>a{margin-left:60px}.jobmate-landing .footer-bottom{display:flex;flex-wrap:wrap;margin-top:26px;padding-bottom:27px}.jobmate-landing .footer-bottom span:nth-child(2){display:none}}
@media(max-width:460px){.jobmate-landing .footer-main{gap:33px 15px}.jobmate-landing .footer-brand-block .brand{font-size:29px}.jobmate-landing .footer-column h2{font-size:11px}.jobmate-landing .footer-column a{font-size:12px}.jobmate-landing .footer-note{gap:13px;padding:16px}.jobmate-landing .footer-note-mark{width:37px;height:37px}.jobmate-landing .footer-note p{font-size:12px;flex-basis:calc(100% - 50px)}.jobmate-landing .footer-note>a{margin-left:50px}.jobmate-landing .footer-bottom{gap:8px 20px;font-size:10px}}
/* Featured job rules retained after removing the unused personality section. */
.jobmate-landing .featured-jobs{background:transparent}
.jobmate-landing .featured-heading h2{margin:15px 0 0;color:#09251f;font-size:clamp(42px,4.25vw,62px);font-weight:610;line-height:1.08;letter-spacing:-.058em}
.jobmate-landing .featured-heading h2 span{color:#288b70}
.jobmate-landing #featured-jobs,.jobmate-landing #sources-title{scroll-margin-top:110px}
@media(max-width:900px){.jobmate-landing .featured-card{padding:21px}.jobmate-landing .featured-example{font-size:9px}}
@media(max-width:760px){.jobmate-landing .featured-jobs{padding:67px 0 49px}.jobmate-landing .featured-heading{display:block;margin-bottom:25px}.jobmate-landing .featured-heading h2{font-size:clamp(37px,8vw,51px)}.jobmate-landing .featured-heading-side{width:auto;margin-top:15px}.jobmate-landing .featured-heading-side p{max-width:460px}.jobmate-landing .featured-grid{grid-template-columns:1fr;gap:12px}.jobmate-landing .featured-card{min-height:245px;padding:22px}.jobmate-landing .featured-card h3{font-size:27px}}
@media(max-width:460px){.jobmate-landing .featured-heading h2{font-size:38px}.jobmate-landing .featured-card{min-height:238px}}