@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
    :root{--green:#86bc25;--green-d:#477512;--ink:#152015;--cream:#f4f7ed;--yellow:#ffda45;--white:#fff;--muted:#667064;--line:#dce4d3;--r:28px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff;font-size:16px;line-height:1.5}button,input{font:inherit}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{height:82px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;left:50%;transform:translateX(-50%)}.logo{display:flex;align-items:center;text-decoration:none}.top .logo{background:transparent;border-radius:0;padding:0}.brand-logo{display:block;width:230px;height:auto;aspect-ratio:8/1;object-fit:contain}.footer .brand-logo{width:250px}.top-link{font-weight:700;text-decoration:none;border-bottom:2px solid var(--green);padding:8px 0}
    .hero{min-height:760px;background:#f6f9ef;display:grid;align-items:stretch;position:relative;padding:0}.hero-grid{width:min(1320px,100%);margin:0 auto;padding-left:max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,48%);align-items:stretch;gap:48px}.hero-copy{max-width:620px;padding:145px 0 90px;position:relative;z-index:3;align-self:center}.hero-mascots{min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,#fff 0 11%,transparent 11.5%),linear-gradient(145deg,#e9f6d5 0%,#d8edb7 55%,#fff0a9 100%);isolation:isolate}.hero-mascots:before{content:"";position:absolute;width:390px;height:390px;border-radius:46% 54% 63% 37%/41% 39% 61% 59%;background:#fff;left:8%;bottom:110px;transform:rotate(-12deg);opacity:.72;z-index:-1}.hero-mascots:after{content:"";position:absolute;right:-55px;bottom:-60px;width:250px;height:250px;border-radius:50%;background:var(--yellow);opacity:.72;z-index:-1}.mascot{position:absolute;display:block;pointer-events:none;user-select:none;filter:drop-shadow(0 24px 26px rgba(48,78,22,.18));z-index:2}.hero-fluffy{width:min(48%,330px);left:3%;bottom:42px;transform:rotate(-4deg);animation:mascotFloat 5.2s ease-in-out infinite}.hero-pharma{width:min(43%,285px);right:5%;bottom:38px;animation:mascotFloat 5.2s ease-in-out -2.6s infinite}.mascot-bubble{position:absolute;background:white;border:1px solid rgba(71,117,18,.15);border-radius:18px;padding:12px 17px;font-weight:800;font-size:.9rem;box-shadow:0 14px 35px rgba(65,100,26,.12);z-index:3}.bubble-one{left:8%;top:19%;transform:rotate(-4deg)}.bubble-two{right:6%;top:31%;transform:rotate(4deg);background:var(--yellow)}@keyframes mascotFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--green-d);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:34px;height:3px;background:var(--green)}h1{font-size:clamp(2.65rem,6vw,5.25rem);line-height:.98;letter-spacing:-.055em;margin:20px 0 24px;max-width:820px}h1 span{color:var(--green-d)}.lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:560px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 34px}.chip{background:white;border:1px solid var(--line);border-radius:100px;padding:9px 14px;font-size:.9rem;font-weight:700}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border:0;border-radius:14px;background:var(--green);color:#132000;font-weight:800;text-decoration:none;box-shadow:0 12px 25px rgba(88,130,20,.2);cursor:pointer;transition:.2s}.cta:hover{transform:translateY(-2px);background:#94cc2d}.cta:focus-visible,input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #173800;outline-offset:3px}.subnote{display:block;margin-top:13px;color:var(--muted);font-size:.84rem}
    section{padding:96px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:48px}.kicker{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:8px 0}.section-head p{color:var(--muted);max-width:550px;margin:0}.benefits{background:#172117;color:white}.benefits .section-head p{color:#cbd5c5}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit{min-height:220px;border:1px solid #334231;padding:28px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.benefit:hover{background:#223020;transform:translateY(-4px)}.benefit:nth-child(2){background:var(--green);color:#132000;border-color:var(--green)}.num{font-size:.8rem;opacity:.7}.benefit h3{font-size:1.3rem;margin:20px 0 5px}.benefit p{margin:0;opacity:.78}.roles{background:var(--cream)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.role{background:white;padding:32px;border-radius:var(--r);border:1px solid var(--line);display:flex;flex-direction:column;min-height:270px}.role h3{font-size:1.42rem;margin:0 0 8px}.role p{color:var(--muted);margin:0}.role-tag{display:table;margin-top:auto;transform:translateY(4px);background:#eef7de;color:var(--green-d);padding:8px 12px;border-radius:100px;font-size:.82rem;font-weight:800}
    .story{padding:0}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}.story-photo{background:url('../assets/hero-team-v4.jpg') center/cover;min-height:460px}.story-copy{background:var(--yellow);padding:clamp(44px,7vw,92px);display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 20px}.story-copy p{font-size:1.08rem;max-width:540px}.path{display:flex;align-items:center;gap:9px;margin-top:25px;font-weight:800;flex-wrap:wrap}.path i{font-style:normal;color:rgba(0,0,0,.35)}
    .career{background:#fff}.career-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;position:relative}.career-track:before{content:"";position:absolute;top:31px;left:11%;right:11%;height:3px;background:#d8e6c1}.career-step{position:relative;text-align:center;padding:0 14px}.career-dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#132000;font-size:1.15rem;font-weight:800;margin:0 auto 18px;position:relative;z-index:1;border:8px solid white}.career-step h3{margin:0 0 7px;font-size:1.08rem}.career-step p{margin:0;color:var(--muted);font-size:.9rem}.career-proof{margin-top:42px;background:#172117;color:white;border-radius:26px;padding:28px 32px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.career-proof strong{font-size:2.5rem;color:var(--green)}.career-proof p{margin:0;color:#d5dfd0}.company .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.fact{border-top:1px solid var(--line);padding-top:24px}.fact strong{display:block;font-size:clamp(2rem,5vw,4rem);line-height:1;color:var(--green-d);letter-spacing:-.06em}.fact span{display:block;margin-top:12px;color:var(--muted)}.testimonials{background:#172117;color:white}.testimonials .section-head p{color:#cbd5c5}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{margin:0;border:1px solid #344332;border-radius:24px;padding:28px;display:flex;flex-direction:column;min-height:330px}.quote-mark{font-size:3rem;line-height:1;color:var(--green)}.quote blockquote{margin:15px 0 26px;color:#e2e9de;font-size:.97rem}.quote figcaption{margin-top:auto;border-top:1px solid #344332;padding-top:17px}.quote figcaption strong,.quote figcaption span{display:block}.quote figcaption span{color:#aebba9;font-size:.84rem;margin-top:3px}
    .apply{background:var(--green);padding:76px 0}.apply-grid{display:grid;grid-template-columns:1fr 500px;gap:70px;align-items:center}.apply h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1;letter-spacing:-.05em;margin:12px 0 20px}.form-card{background:white;border-radius:var(--r);padding:32px;box-shadow:0 25px 60px rgba(40,75,0,.2)}.field{margin-bottom:18px}.field label{display:block;font-weight:800;font-size:.9rem;margin:0 0 8px}.field input{width:100%;height:56px;border:1.5px solid #cfd8c6;border-radius:13px;padding:0 16px;font-size:1rem;background:#fbfcf9}.field input[aria-invalid="true"]{border-color:#b3261e;background:#fff8f7}.error{min-height:20px;color:#b3261e;font-size:.78rem;margin:5px 0 0}.consent{display:flex;gap:10px;align-items:flex-start;margin:5px 0 20px;font-size:.78rem;color:var(--muted)}.consent input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--green)}.consent a{font-weight:700}.submit{width:100%}.success{display:none;background:#eef7de;border:1px solid #bfd88f;color:#294c06;border-radius:14px;padding:15px;margin-top:16px;font-weight:700}.form-note{font-size:.76rem;color:var(--muted);margin:12px 0 0}.privacy{border:0;background:none;text-decoration:underline;padding:0;cursor:pointer;color:inherit}.footer{padding:30px 0;background:#10170f;color:white}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer small{color:#9dac98}.modal{position:fixed;inset:0;background:rgba(5,12,4,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.modal-box{background:white;width:min(700px,100%);max-height:86vh;overflow:auto;border-radius:22px;padding:32px;position:relative}.modal-box h2{margin:0 40px 18px 0}.close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:0;background:var(--cream);border-radius:50%;font-size:24px;cursor:pointer}
    .benefits,.roles,.career,.company,.testimonials,.apply{position:relative;overflow:clip}.corner-mascot{position:absolute;display:block;pointer-events:none;user-select:none;filter:drop-shadow(0 18px 18px rgba(30,52,17,.16));z-index:2}.benefits-peek{width:170px;right:-25px;top:8px;transform:rotate(-10deg)}.roles-peek{width:170px;left:-38px;bottom:-22px;transform:rotate(8deg)}.career-peek{width:155px;right:-26px;bottom:6px;transform:rotate(7deg)}.company-peek{width:145px;left:-22px;top:5px;transform:rotate(-8deg)}.benefit-grid,.role-grid,.career-track,.quotes{position:relative;z-index:3}.career-proof{padding-right:190px;position:relative;z-index:1}.apply-grid{position:relative;z-index:3}.apply-copy{position:relative;padding-bottom:120px}.apply-mascot{width:155px;left:2px;bottom:-50px;transform:rotate(-6deg)}.form-wrap{position:relative}.form-mascot{width:130px;right:-54px;top:-88px;transform:rotate(7deg);z-index:5}.mascot-note{position:absolute;right:78px;top:-42px;background:var(--yellow);padding:9px 13px;border-radius:14px 14px 3px 14px;font-size:.8rem;font-weight:800;white-space:nowrap;z-index:6;transform:rotate(-3deg)}.form-card{position:relative;z-index:4}@media(prefers-reduced-motion:reduce){.hero-fluffy,.hero-pharma{animation:none}}
    @media(max-width:950px){.top{height:70px}.top-link{font-size:.82rem}.hero-grid{grid-template-columns:1fr;padding:0;gap:0}.hero-copy{width:min(100% - 40px,760px);max-width:none;margin:auto;padding:115px 0 70px}.hero-mascots{min-height:590px}.hero-fluffy{width:320px;left:12%}.hero-pharma{width:270px;right:12%}.section-head,.apply-grid{grid-template-columns:1fr;gap:20px}.benefit-grid{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.story-photo{min-height:390px}.company .facts{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr}.quote{min-height:0}.apply-grid{gap:38px}.form-card{max-width:560px}.apply h2{max-width:650px}.apply-copy{padding-bottom:90px}.form-wrap{width:min(100%,560px)}.form-mascot{right:-25px}.career-proof{padding-right:170px}}
    @media(max-width:650px){.wrap{width:min(100% - 28px,1180px)}.brand-logo{width:148px}.top-link{display:none}h1{font-size:2.75rem}.hero-copy{width:min(100% - 28px,760px);padding:105px 0 56px}.hero-mascots{min-height:500px}.hero-mascots:before{width:280px;height:280px;left:7%;bottom:70px}.hero-fluffy{width:230px;left:-3%;bottom:30px}.hero-pharma{width:195px;right:-1%;bottom:26px}.mascot-bubble{font-size:.72rem;padding:8px 11px}.bubble-one{left:5%;top:12%}.bubble-two{right:4%;top:24%}.chips{gap:7px}.chip{font-size:.78rem;padding:7px 10px}.cta{width:100%;padding:0 14px}.benefit-grid,.role-grid,.company .facts{grid-template-columns:1fr}.role{min-height:230px}.benefit{min-height:170px}section{padding:72px 0}.story-photo{min-height:340px}.story-copy{padding:46px 22px}.career-track{grid-template-columns:1fr;gap:20px}.career-track:before{top:20px;bottom:20px;left:31px;width:3px;height:auto}.career-step{text-align:left;padding:0 0 0 86px;min-height:75px}.career-dot{position:absolute;left:0;top:0;margin:0}.career-proof{grid-template-columns:1fr;gap:6px;padding-right:32px}.benefits-peek,.roles-peek,.company-peek{display:none}.career-peek{width:90px;right:-20px;bottom:0}.apply{padding:58px 0}.apply-copy{padding-bottom:70px}.apply-mascot{width:112px;bottom:-44px}.form-mascot{width:94px;right:-22px;top:-68px}.mascot-note{right:53px;top:-35px;font-size:.69rem}.form-card{padding:22px;border-radius:20px}.footer-row{align-items:flex-start;flex-direction:column}.modal-box{padding:24px 20px}}

.hero-fluffy{width:310px;height:auto;max-width:48%;left:3%;bottom:34px}.hero-pharma{width:225px;height:auto;max-width:38%;right:4%;bottom:30px}.bubble-two{top:18%}
    .benefits:after,.roles:after,.career:after,.company:after{content:"";position:absolute;display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 18px 18px rgba(30,52,17,.16));z-index:2}
    .benefits:after{width:170px;height:260px;right:-25px;top:8px;transform:rotate(-10deg);background-image:url('../assets/mascots-web/g09-sympathy.webp')}
    .roles:after{width:170px;height:260px;left:-38px;bottom:-22px;transform:rotate(8deg);background-image:url('../assets/mascots-web/threequarter-phone.webp')}
    .career:after{width:155px;height:235px;right:-26px;bottom:6px;transform:rotate(7deg);background-image:url('../assets/mascots-web/g17-success.webp')}
    .company:after{width:145px;height:220px;left:-22px;top:5px;transform:rotate(-8deg);background-image:url('../assets/mascots-web/g05-empathy.webp')}
    .apply-grid>div:first-child{position:relative;z-index:3;padding-bottom:120px}.apply-grid:before{content:"";position:absolute;width:155px;height:235px;left:2px;bottom:-55px;background:url('../assets/mascots-web/g09-sympathy.webp') center/contain no-repeat;filter:drop-shadow(0 18px 18px rgba(30,52,17,.16));transform:rotate(-6deg);z-index:2;pointer-events:none}
    .form-card:before{content:"";position:absolute;width:130px;height:195px;right:-54px;top:-88px;background:url('../assets/mascots-web/threequarter-success.webp') center/contain no-repeat;filter:drop-shadow(0 18px 18px rgba(30,52,17,.16));transform:rotate(7deg);z-index:5;pointer-events:none}
    .form-card:after{content:"Залиш контакт — познайомимось!";position:absolute;right:78px;top:-42px;background:var(--yellow);padding:9px 13px;border-radius:14px 14px 3px 14px;font-size:.8rem;font-weight:800;white-space:nowrap;z-index:6;transform:rotate(-3deg)}
    @media(max-width:950px){.hero-fluffy{width:300px;height:auto;left:9%;bottom:30px}.hero-pharma{width:205px;height:auto;right:10%;bottom:24px}}
    @media(max-width:650px){.hero-fluffy{width:205px;height:auto;left:-1%;bottom:24px}.hero-pharma{width:150px;height:auto;right:1%;bottom:20px}.bubble-two{top:11%}.benefits:after,.roles:after,.company:after{display:none}.career:after{width:90px;height:140px;right:-20px;bottom:0}.apply-grid>div:first-child{padding-bottom:80px}.apply-grid:before{width:112px;height:170px;bottom:-58px}.form-card:before{width:94px;height:142px;right:-22px;top:-68px}.form-card:after{right:53px;top:-35px;font-size:.69rem}}
