:root{
  --navy:#06162f;
  --navy2:#0a2345;
  --teal:#079bad;
  --teal2:#12bcc7;
  --white:#ffffff;
  --ink:#09162e;
  --muted:#607087;
  --soft:#f4f8fa;
  --line:#dbe5e9;
  --shadow:0 28px 70px rgba(6,22,47,.14);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
img{display:block;max-width:100%}
a{color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,22,47,.08)}
.nav{height:92px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.logo-link img{width:180px;height:72px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:26px}
.main-nav a{text-decoration:none;text-transform:uppercase;font-size:.77rem;font-weight:800;letter-spacing:.04em}
.main-nav a:hover{color:var(--teal)}
.nav-cta{padding:13px 19px;border-radius:6px;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff!important;box-shadow:0 10px 25px rgba(7,155,173,.22)}
.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;font-weight:800}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(105deg,#04132b 0%,#061a35 55%,#0a2949 100%);padding:92px 0 88px}
.hero-grid-overlay{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px}
.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-150px;background:rgba(12,175,191,.17);filter:blur(20px)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.eyebrow{margin:0 0 15px;color:#35d5df;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}
.eyebrow.dark{color:var(--teal)}
h1,h2,h3{font-family:Montserrat,Manrope,sans-serif}
h1{font-size:clamp(3rem,5.6vw,5.3rem);line-height:1.08;letter-spacing:-.045em;margin:0}
h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.12;letter-spacing:-.035em;margin:0}
.lead{max-width:660px;color:#d5dfeb;font-size:1.16rem;margin:25px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;border:0;border-radius:6px;padding:15px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;cursor:pointer;transition:.22s transform,.22s box-shadow}
.button:hover{transform:translateY(-3px)}
.primary{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 13px 32px rgba(7,155,173,.27)}
.secondary{color:#fff;border:1px solid rgba(255,255,255,.6);background:transparent}
.secondary:hover{background:rgba(255,255,255,.08)}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#aabbd0;font-size:.82rem}
.hero-proof span:before{content:"✓";color:#31d6df;margin-right:7px}
.hero-visual{position:relative;min-height:490px}
.glass-card{position:absolute;z-index:5;left:0;right:40px;top:70px;padding:36px;background:rgba(6,22,47,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.glass-card img{width:360px;max-width:90%;margin:auto;filter:brightness(0) invert(1);mix-blend-mode:screen}
.glass-card p{text-align:center;color:#ced9e7;margin:18px auto 0;max-width:420px}
.visual-lines{display:flex;gap:8px;justify-content:center;margin-top:12px}.visual-lines span{display:block;width:60px;height:2px;background:var(--teal)}.visual-lines span:nth-child(2){width:10px}
.people-scene{position:absolute;inset:0 0 0 110px;opacity:.75;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,rgba(19,63,96,.6),rgba(3,15,34,.9))}
.window{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.2)}.w1{left:25%}.w2{left:50%}.w3{left:75%}
.person{position:absolute;bottom:0;width:55px;height:180px;background:#020b19;border-radius:30px 30px 8px 8px}
.person:before{content:"";position:absolute;width:46px;height:46px;border-radius:50%;background:#020b19;top:-33px;left:4px}
.p1{left:25%}.p2{left:52%;height:165px}.p3{left:74%;height:190px}
.section{padding:95px 0}
.section-heading{max-width:780px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.benefit{text-align:center;padding:15px}.benefit .icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e8f7f8;color:var(--teal);font-size:1.8rem}.benefit h3{font-size:1rem}.benefit p{color:var(--muted);font-size:.92rem}
.services{background:linear-gradient(145deg,var(--navy),#082445);color:#fff}.section-heading.light>p:last-child{color:#b6c6d8}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.service{padding:30px 24px;border-left:1px solid rgba(255,255,255,.14)}.service:first-child{border-left:0}.service-number{color:#21cbd4;font-weight:800}.service p{color:#c3d0df;font-size:.9rem}
.roles-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.role-pills{display:flex;flex-wrap:wrap;gap:11px}.role-pills span{padding:10px 14px;border-radius:999px;background:#eef7f8;border:1px solid #d3ecef;color:#15525c;font-size:.88rem;font-weight:700}
.pathways{background:var(--soft);padding-top:70px}.pathway-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pathway{min-height:360px;padding:48px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.pathway h2{font-size:2.35rem}.pathway p:not(.eyebrow){max-width:530px}.employer{color:#fff;background:linear-gradient(120deg,#057e8f,#0b9cab 55%,#073d56)}.candidate{background:#fff;border:1px solid var(--line)}.light-button{background:#fff;color:var(--navy);margin-top:10px}
.form-section{background:#fff}.candidate-form-section{background:linear-gradient(145deg,var(--navy),#092545);color:#fff}
.form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}.form-intro>p:not(.eyebrow){color:var(--muted);font-size:1.07rem}.candidate-form-section .form-intro>p:not(.eyebrow){color:#bfccdc}
.direct-contact{display:grid;gap:12px;margin-top:28px}.direct-contact a{text-decoration:none;font-weight:800}.direct-contact small{display:block;color:var(--muted);font-weight:600}.form-card{background:#fff;color:var(--ink);padding:34px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.dark-card{background:#0b2343;color:#fff;border-color:rgba(255,255,255,.13)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:800}input,textarea{width:100%;padding:13px 14px;border:1px solid #cbd8de;border-radius:8px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}.dark-card input,.dark-card textarea{background:#071a34;border-color:#35516f;color:#fff}input:focus,textarea:focus{outline:3px solid rgba(7,155,173,.16);border-color:var(--teal)}.wide{grid-column:1/-1}.consent{flex-direction:row;align-items:flex-start;font-weight:600;color:var(--muted)}.dark-card .consent{color:#becbdd}.consent input{width:auto;margin-top:6px}.hidden{display:none}.form-notes{padding-left:20px;color:#b7c5d7}
.contact{background:#f5f8fa}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.contact-list{display:grid}.contact-list a{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;text-decoration:none;padding:18px 0;border-bottom:1px solid var(--line)}.contact-list small{color:var(--muted)}.contact-list span{color:var(--teal);font-weight:800}
footer{background:#041328;color:#fff;padding:65px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.2fr;gap:45px}.footer-brand img{width:230px;background:#fff;border-radius:6px;padding:8px}.footer-grid h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em}.footer-grid a{display:block;text-decoration:none;color:#b9c7d8;margin:8px 0;font-size:.9rem}.footer-grid p{color:#9fb0c5;font-size:.9rem}.footer-button{border:1px solid #71839b;padding:11px 14px!important;display:inline-block!important;color:#fff!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:22px;color:#8fa1b6;font-size:.8rem}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;padding:12px 17px;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none;box-shadow:0 16px 35px rgba(6,22,47,.2)}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
  .menu-button{display:block}.main-nav{display:none;position:absolute;top:92px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}
  .hero-layout,.roles-layout,.form-layout,.contact-layout{grid-template-columns:1fr}.hero-visual{min-height:390px}.benefit-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr 1fr}.service{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.pathway-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .container{width:min(100% - 28px,1180px)}.nav{height:80px}.logo-link img{width:145px;height:62px}.main-nav{top:80px}
  .hero{padding:72px 0}.hero h1{font-size:2.75rem}.hero-visual{min-height:330px}.glass-card{right:0;top:45px;padding:24px}.people-scene{left:40px}
  .section{padding:70px 0}.benefit-grid,.services-grid,.fields,.footer-grid{grid-template-columns:1fr}.wide{grid-column:auto}.pathway{padding:30px;min-height:330px}.pathway h2{font-size:2rem}.form-card{padding:22px}.contact-list a{grid-template-columns:1fr auto}.contact-list small{grid-column:1/-1}.footer-bottom{flex-direction:column}
}