/* BOOTIES Recruitment — approved light mockup fidelity layer */
:root{--mock-blue:#087dff;--mock-ink:#101828;--mock-muted:#6e7a8d;--mock-bg:#edf4fb;--mock-card:#fff;--mock-border:#e2eaf2;--mock-radius:18px}
body{background:linear-gradient(180deg,#eef5fb 0%,#e9f1f8 100%)}
.wrap{width:min(1040px,calc(100% - 34px))}
.topbar{height:68px;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(36,59,89,.04)}
.brand img{width:146px}
.lang-switch{background:#edf2f7}.lang-switch button{padding:7px 11px;font-size:11px}.menu-dot{width:34px;height:34px}
.hero{padding:42px 0 62px;background:linear-gradient(115deg,#f5f9fd 0%,#eef5fb 100%);color:var(--mock-ink);overflow:visible}
.hero-grid{grid-template-columns:.78fr 1.22fr;gap:30px;align-items:stretch}
.hero-copy{background:#fff;border:1px solid rgba(225,233,241,.96);border-radius:21px;padding:38px 34px 34px;box-shadow:0 18px 46px rgba(30,52,80,.08);display:flex;flex-direction:column;justify-content:center;min-height:410px}
.hero .eyebrow{font-size:9px;margin-bottom:14px}.hero h1{font-size:clamp(44px,5vw,64px);line-height:.92;letter-spacing:-.055em;max-width:390px;color:#111b2c}.hero h1 span{color:inherit}.hero p{font-size:14px;line-height:1.58;color:#748092;max-width:330px;margin-top:20px}.hero-actions{margin-top:24px;gap:9px}.btn{border-radius:8px;padding:12px 15px;font-size:10px}.btn.ghost{background:#fff;color:#172234;border:1px solid #dfe6ed;box-shadow:0 5px 14px rgba(20,39,65,.06)}
.hero-visual{height:410px;border-radius:21px;overflow:hidden;background:#dfe9f3;box-shadow:0 20px 50px rgba(35,59,89,.10)}
.hero-photo{inset:0;width:100%;height:100%;border-radius:21px;background-color:#dfe9f3;background-size:cover!important;background-position:center!important}
.hero-photo:before{background:linear-gradient(90deg,rgba(238,245,251,.10),transparent 24%,transparent 100%)}
.hero-screen,.hero-neon,.hero-note{display:none!important}
.highlights{margin-top:-30px;transform:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--mock-border);border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(35,59,89,.08)}
.highlights article{border:0;border-right:1px solid #e8eef4;border-radius:0;box-shadow:none;min-height:98px;padding:18px 23px;background:#fff}.highlights article:last-child{border-right:0}.highlights b{font-size:19px}.highlights span{font-size:9px;margin-top:3px}.highlights small{font-size:9px;margin-top:4px;line-height:1.35}
.jobs-section{padding:66px 0 70px;background:transparent}.section-head{background:#fff;border:1px solid var(--mock-border);border-radius:18px;padding:22px 25px;margin-bottom:20px;box-shadow:0 12px 32px rgba(30,52,80,.05)}.section-head h2{font-size:31px}.section-head p{font-size:11px;max-width:440px}.section-head .eyebrow{font-size:8px;margin-bottom:8px}
.jobs{gap:18px}.job{border-radius:16px;box-shadow:0 11px 30px rgba(28,50,78,.07);border-color:#e1e8ef}.job:hover{transform:none}.job-image{height:145px;background-size:100% auto!important;background-repeat:no-repeat!important}.job-image:before{background:linear-gradient(180deg,transparent 70%,rgba(8,20,35,.08))}.job-image:after{display:none}.job-content{padding:18px 18px 19px}.tag{font-size:7px;padding:5px 8px}.featured{font-size:7px}.job h3{font-size:21px;margin:11px 0 5px}.summary{font-size:11px;line-height:1.45;min-height:34px}.facts{gap:7px;margin:13px 0}.fact{padding:8px 9px;border-radius:7px}.fact small{font-size:7px}.fact b{font-size:10px;line-height:1.35}.req{gap:5px;margin:2px 0 14px}.req li{font-size:10px;padding-left:14px}.req li:before{width:5px;height:5px;background:#1389ff}.apply{border-radius:7px;padding:10px;font-size:8px;background:#0f2033}.apply:hover{background:#0f2033}
.brand-panel{margin-top:18px;margin-left:calc(50% + 9px);width:calc(50% - 9px);min-height:230px;border-radius:16px;background:linear-gradient(145deg,#f5f9fd,#e8f1f9);box-shadow:0 11px 30px rgba(28,50,78,.05)}.brand-panel strong{font-size:30px}.brand-panel small,.brand-panel span{font-size:7px}
.why-section{padding:70px 0;background:transparent}.why-grid{grid-template-columns:.96fr 1.04fr;gap:34px;background:#fff;border:1px solid var(--mock-border);border-radius:20px;padding:18px;box-shadow:0 14px 38px rgba(30,52,80,.07)}.why-photo{min-height:355px;border-radius:14px;box-shadow:none;background-size:100% auto!important;background-repeat:no-repeat!important}.why-photo:before{background:linear-gradient(180deg,transparent 72%,rgba(8,25,43,.12))}.why-copy{padding:24px 22px 18px}.why-copy .eyebrow{font-size:8px;margin-bottom:10px}.why-copy h2{font-size:35px}.why-copy p{font-size:12px;line-height:1.62;margin:12px 0}.benefits{margin-top:16px}.benefits article{padding:11px 0;gap:11px}.benefits article>span{font-size:8px}.benefits b{font-size:11px}.benefits small{font-size:9px;margin-top:3px}
.cta-section{padding:0 0 54px}.cta-card{min-height:150px;border-radius:18px;grid-template-columns:1.35fr .65fr;background:#fff;color:var(--mock-ink);border:1px solid var(--mock-border);box-shadow:0 12px 32px rgba(30,52,80,.06)}.cta-card>div:first-child{padding:26px 30px;align-self:center}.cta-card .eyebrow{font-size:8px;margin-bottom:7px}.cta-card h2{font-size:29px}.cta-card p{font-size:10px;color:#768296;margin:7px 0 0}.cta-card .btn{margin-top:12px}.cta-photo{min-height:150px;background-size:100% auto!important;background-repeat:no-repeat!important}.cta-photo:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.65) 22%,transparent 58%)}
footer{background:transparent;padding-bottom:24px}.footer-card{min-height:88px;background:#fff;padding:18px 22px;border-radius:16px;font-size:9px;box-shadow:0 10px 28px rgba(30,52,80,.05)}.footer-card img{width:110px}.msg-fab{width:48px;height:48px;right:16px;bottom:16px}
@media(max-width:900px){.wrap{width:min(100% - 26px,1040px)}.hero{padding-top:26px}.hero-grid{grid-template-columns:1fr}.hero-copy{min-height:auto}.hero-visual{height:390px}.highlights{margin-top:18px}.section-head{display:block}.section-head p{margin-top:9px}.jobs{grid-template-columns:1fr}.brand-panel{margin-left:0;width:100%;min-height:190px}.why-grid{grid-template-columns:1fr}.why-photo{min-height:340px}.cta-card{grid-template-columns:1fr}.cta-photo{min-height:180px}}
@media(max-width:620px){.wrap{width:min(100% - 18px,1040px)}.topbar{height:62px}.brand img{width:122px}.hero-copy{padding:28px 23px;border-radius:17px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-visual{height:300px;border-radius:17px}.hero-photo{border-radius:17px}.highlights{grid-template-columns:1fr}.highlights article{border-right:0;border-bottom:1px solid #e8eef4;min-height:76px}.highlights article:last-child{border-bottom:0}.jobs-section{padding-top:45px}.section-head{padding:18px}.section-head h2{font-size:28px}.job-image{height:155px}.why-grid{padding:12px}.why-photo{min-height:285px}.why-copy{padding:18px 10px}.cta-card>div:first-child{padding:24px 22px}.cta-photo{display:none}.footer-card{display:grid;gap:10px}.footer-card>div{flex-direction:column;align-items:flex-start;gap:5px}}