/* Join Us - Page Styles */
.ju-page{--ju-ink:#1a2e32;--ju-ink-soft:#4a6670;--ju-teal:#008080;--ju-teal-dark:#0F3D44;--ju-aqua:#3EACB8;--ju-aqua-light:#C8E9EA;--ju-gold:#D4A843;--ju-gold-light:#F5E6C4;--ju-coral:#e8735a;--ju-coral-light:#fde8e3;--ju-purple:#6c3483;--ju-purple-light:#e8daef;--ju-green:#1e8449;--ju-green-light:#d5f5e3;--ju-base:#f7fafb;--ju-white:#fff;--ju-border:rgba(15,61,68,.08);--ju-shadow:0 16px 40px -16px rgba(15,61,68,.18);--ju-radius:16px;font-family:'Inter',sans-serif;color:var(--ju-ink);background:var(--ju-base);line-height:1.65;overflow-x:hidden}
.ju-page a{text-decoration:none}
.ju-page .ju-container{max-width:1160px;margin:0 auto;padding:0 32px}
.ju-page .ju-center{text-align:center}
.ju-page .ju-reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease-out,transform .5s ease-out}
.ju-page .ju-in{opacity:1;transform:none}
.ju-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ju-teal);margin:0 0 12px}
.ju-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ju-aqua);margin-right:8px;vertical-align:middle}
.ju-h2{margin:0 0 12px;font-weight:800;line-height:1.15;font-size:clamp(26px,3.2vw,40px);color:var(--ju-ink)}
.ju-tagline{font-size:1rem;color:var(--ju-ink-soft);margin:0;max-width:640px}
.ju-center .ju-tagline{margin:0 auto}
.ju-section{padding:80px 0}
.ju-sec-head{margin-bottom:48px}
/* hero */
.ju-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:70vh;padding:120px 24px 80px;background:linear-gradient(135deg,rgba(15,61,68,.95),rgba(0,128,128,.85)),url('../images/hero-section4.png') center/cover no-repeat fixed;text-align:center;overflow:hidden}
.ju-hero-inner{position:relative;z-index:2;max-width:860px}
.ju-hero-tag{font-size:.8rem;font-weight:600;letter-spacing:.2em;color:var(--ju-aqua-light);margin-bottom:20px}
.ju-hero-title{font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1;color:var(--ju-white);margin:0 0 16px;letter-spacing:-.02em}
.ju-accent{color:var(--ju-gold);position:relative}
.ju-accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--ju-gold);border-radius:2px;animation:ju-underline 2s ease-in-out infinite alternate}
@keyframes ju-underline{0%{transform:scaleX(.6);opacity:.5}100%{transform:scaleX(1);opacity:1}}
.ju-hero-sub{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;color:rgba(255,255,255,.95);margin:0 0 8px;letter-spacing:.02em}
.ju-hero-desc{font-size:clamp(.9rem,1.6vw,1.05rem);color:rgba(255,255,255,.7);margin:0 0 40px;max-width:560px;margin-left:auto;margin-right:auto}
/* hero stats */
.ju-hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.ju-stat{text-align:center}
.ju-stat-num{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--ju-gold);display:inline}
.ju-stat-plus{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:var(--ju-gold)}
.ju-stat-label{display:block;font-size:.78rem;color:rgba(255,255,255,.65);margin-top:4px;letter-spacing:.04em;text-transform:uppercase;font-weight:500}
/* particles */
.ju-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ju-particles span{position:absolute;bottom:-12px;width:8px;height:8px;border-radius:50%;background:rgba(200,233,234,.4);animation:ju-drift linear infinite}
.ju-particles span:nth-child(1){left:5%;animation-duration:18s;animation-delay:0s}
.ju-particles span:nth-child(2){left:15%;animation-duration:24s;animation-delay:3s;width:5px;height:5px}
.ju-particles span:nth-child(3){left:28%;animation-duration:20s;animation-delay:6s}
.ju-particles span:nth-child(4){left:40%;animation-duration:28s;animation-delay:1.5s;width:11px;height:11px}
.ju-particles span:nth-child(5){left:52%;animation-duration:22s;animation-delay:8s;width:6px;height:6px}
.ju-particles span:nth-child(6){left:65%;animation-duration:26s;animation-delay:4s}
.ju-particles span:nth-child(7){left:78%;animation-duration:19s;animation-delay:2.5s;width:5px;height:5px}
.ju-particles span:nth-child(8){left:88%;animation-duration:30s;animation-delay:7s;width:9px;height:9px}
.ju-particles span:nth-child(9){left:95%;animation-duration:21s;animation-delay:5s;width:4px;height:4px}
.ju-particles span:nth-child(10){left:35%;animation-duration:25s;animation-delay:10s;width:7px;height:7px}
@keyframes ju-drift{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.3}100%{transform:translateY(-420px) translateX(20px);opacity:0}}
@media(prefers-reduced-motion:reduce){.ju-particles span{animation:none;opacity:.3}.ju-hero{background-attachment:scroll}}
/* hero floating shapes */
.ju-hero-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ju-shape{position:absolute;border-radius:50%;opacity:.08}
.ju-shape--1{width:300px;height:300px;background:var(--ju-aqua);top:-80px;right:-60px;animation:ju-float 12s ease-in-out infinite}
.ju-shape--2{width:200px;height:200px;background:var(--ju-gold);bottom:-40px;left:-40px;animation:ju-float 16s ease-in-out infinite reverse}
.ju-shape--3{width:140px;height:140px;background:var(--ju-white);top:40%;left:10%;animation:ju-float 14s ease-in-out infinite 2s}
@keyframes ju-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}
/* why */
.ju-why{background:var(--ju-base)}
.ju-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ju-why-card{background:var(--ju-white);border:1px solid var(--ju-border);border-radius:var(--ju-radius);padding:36px 22px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.ju-why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ju-aqua),var(--ju-teal));transform:scaleX(0);transition:transform .3s ease;transform-origin:left}
.ju-why-card:hover::before{transform:scaleX(1)}
.ju-why-card:hover{transform:translateY(-6px);box-shadow:var(--ju-shadow)}
.ju-why-icon-wrap{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--ju-aqua-light),rgba(62,171,184,.3));display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:transform .3s ease,background .3s ease}
.ju-why-card:hover .ju-why-icon-wrap{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--ju-aqua),var(--ju-teal))}
.ju-why-icon-wrap i{font-size:1.5rem;color:var(--ju-teal);transition:color .3s ease}
.ju-why-card:hover .ju-why-icon-wrap i{color:var(--ju-white)}
.ju-why-card h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--ju-ink)}
.ju-why-card p{margin:0;font-size:.88rem;color:var(--ju-ink-soft);line-height:1.6}
/* positions */
.ju-positions{background:var(--ju-base)}
.ju-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ju-pos-card{background:var(--ju-white);border:1px solid var(--ju-border);border-radius:var(--ju-radius);padding:32px 24px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ju-pos-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ju-teal),var(--ju-aqua));transform:scaleX(0);transition:transform .3s ease}
.ju-pos-card:hover::after{transform:scaleX(1)}
.ju-pos-card:hover{transform:translateY(-5px);box-shadow:var(--ju-shadow)}
.ju-pos-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ju-aqua-light);color:var(--ju-teal-dark);margin-bottom:16px}
.ju-pos-icon{font-size:2rem;color:var(--ju-aqua);margin-bottom:14px;transition:transform .3s ease}
.ju-pos-card:hover .ju-pos-icon{transform:scale(1.12) translateY(-2px)}
.ju-pos-card h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--ju-ink)}
.ju-pos-card>p{margin:0 0 16px;font-size:.88rem;color:var(--ju-ink-soft);line-height:1.6}
.ju-pos-tags{display:flex;gap:8px;flex-wrap:wrap}
.ju-pos-tags span{padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--ju-base);color:var(--ju-ink-soft);border:1px solid var(--ju-border)}
/* process */
.ju-process{background:var(--ju-white)}
.ju-process-steps{max-width:700px;margin:0 auto}
.ju-process-step{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--ju-border);transition:transform .3s ease}
.ju-process-step:last-child{border-bottom:none}
.ju-process-step:hover{transform:translateX(8px)}
.ju-process-num{font-size:1.8rem;font-weight:900;color:var(--ju-aqua-light);min-width:60px;transition:color .3s ease}
.ju-process-step:hover .ju-process-num{color:var(--ju-teal)}
.ju-process-content{flex:1}
.ju-process-content h4{margin:0 0 4px;font-size:.95rem;font-weight:700;color:var(--ju-ink)}
.ju-process-content p{margin:0;font-size:.85rem;color:var(--ju-ink-soft);line-height:1.55}
.ju-process-icon{font-size:1.4rem;color:var(--ju-aqua);transition:transform .3s ease}
.ju-process-step:hover .ju-process-icon{transform:scale(1.2) rotate(-5deg)}
/* cta */
.ju-cta{padding:80px 0;background:linear-gradient(135deg,var(--ju-teal-dark),var(--ju-teal));color:var(--ju-white);text-align:center;position:relative;overflow:hidden}
.ju-cta .ju-eyebrow{color:var(--ju-aqua-light)}
.ju-cta .ju-dot{background:var(--ju-gold)}
.ju-cta .ju-h2{color:var(--ju-white);margin-bottom:20px}
.ju-cta-text{font-size:1rem;color:rgba(255,255,255,.8);margin:0 0 28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}
.ju-cta-btn{display:inline-block;padding:16px 44px;background:var(--ju-gold);color:var(--ju-white);font-weight:700;font-size:1rem;border-radius:999px;transition:background .3s,transform .3s,box-shadow .3s;position:relative;z-index:1}
.ju-cta-btn:hover{background:var(--ju-gold-light);color:var(--ju-teal-dark);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.ju-cta-btn i{margin-left:8px;transition:transform .3s}
.ju-cta-btn:hover i{transform:translateX(4px)}
.ju-cta-email{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:1.15rem;font-weight:800;color:var(--ju-gold-light);text-decoration:none;transition:color .3s,transform .3s;position:relative;z-index:1}
.ju-cta-email:hover{color:var(--ju-white);transform:translateY(-2px)}
.ju-cta-email i{transition:transform .3s}
.ju-cta-email:hover i{transform:translateX(5px)}
.ju-cta-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ju-cta-shape{position:absolute;border-radius:50%;opacity:.06}
.ju-cta-shape--1{width:260px;height:260px;background:var(--ju-aqua);top:-60px;right:-40px;animation:ju-float 14s ease-in-out infinite}
.ju-cta-shape--2{width:180px;height:180px;background:var(--ju-gold);bottom:-30px;left:-30px;animation:ju-float 18s ease-in-out infinite reverse}
/* responsive */
@media(max-width:960px){.ju-why-grid{grid-template-columns:repeat(2,1fr)}.ju-pos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ju-section{padding:56px 0}.ju-sec-head{margin-bottom:32px}.ju-hero{min-height:55vh;padding:100px 20px 56px}.ju-hero-stats{gap:24px}.ju-why-grid{grid-template-columns:1fr;gap:12px}.ju-pos-grid{grid-template-columns:1fr;gap:12px}.ju-process-step{padding:18px 0;gap:14px}.ju-process-num{font-size:1.4rem;min-width:44px}}
@media(max-width:380px){.ju-hero-title{font-size:2rem}.ju-hero-stats{gap:16px}.ju-stat-num{font-size:1.6rem}.ju-cta-btn{padding:14px 32px;font-size:.9rem}}