*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:#102b4d;background:#fff;overflow-x:hidden}.wrap{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}.topbar{background:#062951;color:#dbe8f3;font-size:10px;letter-spacing:1.1px}.topbar-in{height:34px;display:flex;justify-content:space-between;align-items:center}.header{height:84px;background:rgba(255,255,255,.95);border-bottom:1px solid #e8eef3;position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{width:205px;height:68px;display:block}.logo img{width:100%;height:100%;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:700;color:#486079}.nav nav a{position:relative;padding:9px 0}.nav nav a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:#11a68f;transition:.25s}.nav nav a:hover:after{width:100%}.nav-btn,.btn-main{background:#0b376c;color:#fff;border-radius:6px;padding:14px 19px;font-size:12px;font-weight:800;letter-spacing:.2px}.nav-btn span,.btn-main span{color:#53d4c1;margin-left:12px}.hamb{display:none;background:none;border:0;font-size:25px;color:#0b376c}
.hero{position:relative;min-height:650px;background:linear-gradient(135deg,#f7fbfd 0%,#fff 55%,#edf9f6 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#cad7e4 .8px,transparent .8px);background-size:22px 22px;opacity:.45;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.hero-glow.one{width:330px;height:330px;background:#d9f4ef;right:20%;top:-130px}.hero-glow.two{width:260px;height:260px;background:#e0ebf8;right:-80px;bottom:-80px}.hero-in{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative}.pill{display:inline-flex;align-items:center;gap:9px;color:#0a806e;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.pill i{width:8px;height:8px;border-radius:50%;background:#12aa91;box-shadow:0 0 0 5px #d9f4ef}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(50px,6.4vw,78px);line-height:.99;letter-spacing:-4px;color:#082e59}.hero h1 em{font-style:normal;color:#11a58d}.lead{font-size:17px;line-height:1.7;color:#63768b;max-width:600px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px}.btn-main{display:inline-flex;align-items:center;justify-content:center}.btn-ghost{border:1px solid #cbd8e3;background:#fff;border-radius:6px;padding:13px 19px;font-size:12px;font-weight:800;color:#244665}.proof{display:flex;gap:38px;margin-top:48px}.proof div{display:flex;align-items:center;gap:10px}.proof b{color:#10a48c;font-size:12px}.proof span{font-size:10px;line-height:1.3;color:#61748a;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.hero-visual{height:450px;display:flex;align-items:center;justify-content:center}.visual-card{position:relative;width:390px;height:400px;border-radius:22px;background:linear-gradient(145deg,#092e59,#0a4777);box-shadow:25px 30px 70px rgba(7,42,78,.22);overflow:visible;padding:28px;color:white;transform:rotate(2deg)}.visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(80,216,193,.14));border-radius:22px}.card-head{display:flex;justify-content:space-between;position:relative;font-size:10px;letter-spacing:2px;font-weight:800}.card-head b{font-size:17px;color:#53d4c1}.orb{width:190px;height:190px;border-radius:50%;margin:43px auto 25px;border:1px solid rgba(86,215,195,.6);display:grid;place-items:center;box-shadow:0 0 0 18px rgba(60,202,181,.04),0 0 70px rgba(48,208,183,.2)}.orb-inner{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#52d8c0,#087c77);font-family:Manrope;font-size:37px;letter-spacing:-2px}.visual-copy{position:relative}.visual-copy small{font-size:9px;letter-spacing:2px;color:#73dfcd}.visual-copy h3{font-family:Manrope;font-size:25px;line-height:1.12;margin-top:7px}.floating-tag{position:absolute;background:white;color:#153b5d;padding:11px 14px;border-radius:9px;box-shadow:0 10px 25px rgba(8,38,65,.18);font-size:11px;font-weight:800}.tag-one{right:-43px;top:100px}.tag-two{left:-38px;bottom:68px}.hero-bottom{height:9px;background:linear-gradient(90deg,#0b376c 0 65%,#fff 65% 67%,#12a58d 67%)}.ticker{background:#12a58d;overflow:hidden;color:#fff}.ticker-track{height:55px;display:flex;align-items:center;justify-content:center;gap:28px;font-size:10px;font-weight:800;letter-spacing:1.5px;white-space:nowrap}.ticker-track b{color:#b9f0e7}
.section{padding:100px 0}.about-grid{display:grid;grid-template-columns:.35fr 1fr;gap:80px}.section-label{font-size:10px;letter-spacing:2px;color:#0d8e7a;font-weight:900}.about h2,.section-head h2,.industry-top h2,.career-copy h2,.hire h2{font-family:Manrope;font-size:clamp(38px,4.7vw,58px);line-height:1.03;letter-spacing:-2.4px;color:#092e58}.about h2 span,.section-head h2 span,.industry-top h2 span,.career-copy h2 span,.hire h2 span{color:#11a58e}.big-copy{font-size:19px;line-height:1.7;color:#60738a;max-width:730px;margin:22px 0 30px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce6ed}.about-points div{padding:20px 16px 0 0}.about-points strong{font-size:11px;color:#12a58e;display:block;margin-bottom:10px}.about-points span{font-size:13px;font-weight:700;color:#284660}
.services{background:#f4f8fb}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:50px}.section-head>p{max-width:390px;color:#718297;font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{background:#fff;border:1px solid #e1e9ef;border-radius:13px;padding:28px;min-height:270px;position:relative;transition:.25s;overflow:hidden}.service:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:#11a58d;transition:.3s}.service:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(11,47,81,.09)}.service:hover:before{height:100%}.service.featured{background:#0b376c;color:#fff;border-color:#0b376c}.service.featured p,.service.featured h3{color:#fff}.service.featured a{color:#59d8c4}.num{font-size:10px;color:#12a58d;font-weight:900}.icon{font-size:28px;color:#13a78f;margin:28px 0 15px}.service h3{font-family:Manrope;font-size:20px;color:#123a5e;margin-bottom:9px}.service p{font-size:13px;line-height:1.65;color:#708197}.service a{display:inline-block;margin-top:22px;font-size:11px;font-weight:900;color:#0a4a78}
.industries{background:#082e59;color:#fff;padding:95px 0}.industry-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.industry-top h2{color:#fff}.industry-top .section-label{color:#58d7c3}.industry-list{border-top:1px solid #315276}.industry-list div{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;padding:22px 0;border-bottom:1px solid #315276;transition:.2s}.industry-list div:hover{padding-left:14px;background:rgba(255,255,255,.025)}.industry-list span{font-size:10px;color:#54d6c1}.industry-list b{font-size:18px}.industry-list i{font-style:normal;text-align:right;color:#54d6c1}
.careers{background:#fff}.career-card{min-height:410px;border-radius:20px;background:linear-gradient(115deg,#eef8f6,#f8fbfd);display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border:1px solid #e2ecef}.career-art{position:relative;background:#0a3768;overflow:hidden;display:grid;place-items:center}.ring{width:260px;height:260px;border-radius:50%;border:1px solid #49cdb7;box-shadow:0 0 0 35px rgba(60,205,183,.04),0 0 0 70px rgba(60,205,183,.03)}.person{position:absolute;font-size:100px;color:#51d4bf;transform:translateY(-18px)}.line{position:absolute;width:100%;height:1px;background:#51d4bf;opacity:.2;transform:rotate(-25deg)}.career-copy{padding:65px}.career-copy p{color:#687b90;max-width:550px;margin:18px 0 27px;line-height:1.7;font-size:15px}
.hire{background:#f4f8fb}.hire-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.hire h2{margin-top:10px}.hire>div>p{color:#687a8f;line-height:1.7;max-width:480px;margin:20px 0}.contact-cards{display:grid;gap:10px;margin-top:35px}.contact-cards a{background:#fff;border:1px solid #dce6ed;border-radius:9px;padding:14px 16px;display:flex;flex-direction:column}.contact-cards small{font-size:9px;color:#0a927d;font-weight:900;letter-spacing:1.5px}.contact-cards b{font-size:14px;color:#163e60;margin-top:3px}.hire-form{background:#fff;border:1px solid #dce6ed;border-radius:15px;padding:30px;box-shadow:0 20px 55px rgba(8,44,75,.06);display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-title{grid-column:1/-1;color:#0b376c;font-size:11px;letter-spacing:1.7px;font-weight:900;border-bottom:1px solid #e4ebf0;padding-bottom:18px;margin-bottom:4px}.form-title span{float:right;color:#12a58e}.hire-form label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#61758a}.hire-form input,.hire-form select,.hire-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d5e0e8;border-radius:6px;padding:13px 12px;font:inherit;font-size:13px;color:#243f59;outline:none;background:#fff}.hire-form input:focus,.hire-form select:focus,.hire-form textarea:focus{border-color:#12a58e}.hire-form textarea{height:105px;resize:vertical}.full{grid-column:1/-1}.hire-form button{border:0;justify-self:start}.success{font-size:11px;font-weight:800;color:#0c967f;align-self:center}
footer{background:#061f3b;color:#fff;padding-top:65px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:55px}.footer-brand img{width:190px;height:62px;object-fit:contain;filter:brightness(0) invert(1);object-position:left}.footer-brand p{font-size:10px;letter-spacing:2px;color:#58d7c3;font-weight:900;margin-top:6px}.socials{display:flex;gap:8px;margin-top:22px}.socials span{width:31px;height:31px;border:1px solid #315172;border-radius:50%;display:grid;place-items:center;color:#9cb1c6;font-size:12px}.footer-main h4{font-size:10px;letter-spacing:2px;color:#54d6c1;margin-bottom:17px}.footer-main a,.footer-main span{display:block;color:#a8bbce;font-size:12px;margin:9px 0}.copyright{border-top:1px solid #173957;padding:18px 0;display:flex;justify-content:space-between;color:#8197ad;font-size:10px;letter-spacing:.5px}
@media(max-width:900px){.topbar-in{justify-content:center}.topbar-in span:last-child{display:none}.nav nav,.nav-btn{display:none}.hamb{display:block;margin-left:auto}.hero-in,.about-grid,.hire-grid{grid-template-columns:1fr}.hero-in{padding:70px 0}.hero-visual{height:430px}.section-head{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr 1fr}.career-card{grid-template-columns:1fr}.career-art{min-height:260px}.footer-main{grid-template-columns:1fr 1fr}.industry-top{display:block}.industry-top h2{margin-top:15px}}
@media(max-width:600px){.header{height:74px}.logo{width:175px;height:60px}.hero h1{font-size:50px}.hero-in{gap:35px}.visual-card{width:320px;height:360px}.tag-one{right:-15px}.tag-two{left:-15px}.proof{gap:20px}.section{padding:70px 0}.about-points,.service-grid{grid-template-columns:1fr}.about-points div{border-bottom:1px solid #e1e8ed;padding-bottom:13px}.industry-list b{font-size:14px}.career-copy{padding:35px}.hire-form{grid-template-columns:1fr;padding:22px}.full,.form-title{grid-column:auto}.footer-main{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:5px 0}.ticker-track{justify-content:flex-start;overflow:hidden}.topbar{display:none}}

@media(max-width:900px){.nav nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 4%;flex-direction:column;gap:10px;border-bottom:1px solid #dfe7ed;box-shadow:0 12px 25px rgba(0,0,0,.08)}}

.brand-showcase{background:#fff;padding:85px 0;border-bottom:1px solid #e4edf1}
.brand-showcase-in{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
.brand-showcase h2,.founder h2{font-family:Manrope;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-2px;color:#092e58;margin-top:10px}
.brand-showcase h2 span,.founder h2 span{color:#11a58e}
.brand-showcase p{color:#6a7c90;line-height:1.75;margin-top:18px;max-width:440px}
.brand-board{background:#f3f7fa;border:1px solid #dce6ed;border-radius:16px;padding:15px;box-shadow:0 25px 55px rgba(7,43,74,.09)}
.brand-board img{width:100%;display:block;border-radius:9px}
.founder{background:#f4f8fb}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.founder-image{background:#fff;border-radius:16px;padding:14px;border:1px solid #dce6ed;box-shadow:0 20px 50px rgba(8,43,74,.07)}
.founder-image img{width:100%;display:block;border-radius:9px}
.founder p{color:#697b8f;line-height:1.75;max-width:520px;margin:20px 0}
.founder-name{font-family:Manrope;font-size:25px;letter-spacing:1px;color:#0b376c;font-weight:800}
.founder-role{font-size:11px;letter-spacing:1.2px;color:#0c927d;font-weight:900;margin-top:5px}
@media(max-width:900px){.brand-showcase-in,.founder-grid{grid-template-columns:1fr;gap:35px}}

/* Employee Payroll Portal - additive styles only */
.employee-portal{background:#f4f8fb;border-top:1px solid #e1ebef}
.employee-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}
.employee-copy h2{font-family:Manrope;font-size:clamp(38px,4.7vw,58px);line-height:1.03;letter-spacing:-2.4px;color:#092e58;margin-top:10px}
.employee-copy h2 span{color:#11a58e}
.employee-copy>p{color:#687b90;line-height:1.75;max-width:560px;margin:20px 0}
.employee-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.employee-points span{background:#fff;border:1px solid #dce7ed;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;color:#234865}
.employee-login-card{background:#fff;border:1px solid #dce6ed;border-radius:15px;padding:30px;box-shadow:0 20px 55px rgba(8,44,75,.08)}
.employee-card-head{display:flex;justify-content:space-between;align-items:center;color:#0b376c;font-size:11px;letter-spacing:1.7px;font-weight:900;border-bottom:1px solid #e4ebf0;padding-bottom:18px;margin-bottom:20px}
.employee-card-head b{color:#12a58e}
.employee-login-card label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#61758a;margin-bottom:16px}
.employee-login-card input{display:block;width:100%;margin-top:7px;border:1px solid #d5e0e8;border-radius:6px;padding:13px 12px;font:inherit;font-size:13px;color:#243f59;outline:none;background:#fff;box-sizing:border-box}
.employee-login-card input:focus{border-color:#12a58e}
.employee-send{border:0;margin-top:2px}
.employee-otp-box{margin-top:20px;padding-top:20px;border-top:1px solid #e4ebf0}
.employee-otp-box .btn-main{border:0}
.employee-resend{display:block;border:0;background:none;padding:12px 0 0;color:#0b8e7b;font-size:11px;font-weight:900;cursor:pointer}
.employee-message{min-height:18px;margin-top:12px;font-size:11px;font-weight:800;color:#0c967f}
.employee-demo-note{margin-top:15px;padding:10px 12px;background:#f4f8fb;border-radius:7px;color:#708197;font-size:10px;line-height:1.55}
@media(max-width:900px){.employee-grid{grid-template-columns:1fr;gap:35px}}

/* Job Vacancy + application popup */
.job-vacancy-section{background:#f4f8fb;border-top:1px solid #e1ebef}
.job-vacancy-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}
.job-vacancy-card h2{font-family:Manrope;font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-2px;color:#092e58;margin-top:10px}
.job-vacancy-card h2 span{color:#11a58e}
.job-vacancy-card p{color:#687b90;line-height:1.75;max-width:500px;margin:20px 0 27px}
.job-vacancy-preview{background:#fff;border:1px solid #dce6ed;border-radius:16px;padding:10px;box-shadow:0 20px 55px rgba(8,44,75,.08)}
.job-vacancy-preview img{display:block;width:100%;border-radius:10px}
.job-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.job-modal.open{display:flex}
.job-modal-backdrop{position:absolute;inset:0;background:rgba(4,25,46,.72);backdrop-filter:blur(4px)}
.job-modal-dialog{position:relative;z-index:2;width:min(1080px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.25);display:grid;grid-template-columns:.75fr 1.25fr}
.job-modal-close{position:absolute;right:14px;top:12px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#0b376c;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.12)}
.job-modal-image{background:#f3f7fa;padding:18px;display:flex;align-items:center;justify-content:center}
.job-modal-image img{width:100%;max-height:78vh;object-fit:contain;border-radius:10px}
.job-modal-content{padding:38px 38px 32px}
.job-modal-content h2{font-family:Manrope;color:#092e58;font-size:38px;margin:8px 0 7px}
.job-modal-meta{color:#0c927d;font-weight:800;font-size:12px;line-height:1.6;margin:0 0 22px}
.job-apply-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.job-apply-form label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#61758a}
.job-apply-form input,.job-apply-form textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #d5e0e8;border-radius:7px;padding:12px;font:inherit;font-size:13px;color:#243f59;outline:none;background:#fff}
.job-apply-form input:focus,.job-apply-form textarea:focus{border-color:#12a58e}
.job-apply-form input[type=file]{padding:9px}
.job-apply-form textarea{height:86px;resize:vertical}
.job-full{grid-column:1/-1}
.job-submit{border:0;cursor:pointer}
.job-form-note{grid-column:1/-1;font-size:10px;line-height:1.5;color:#718398;align-self:center}
body.job-modal-open{overflow:hidden}
@media(max-width:900px){.job-vacancy-card{grid-template-columns:1fr;gap:30px}.job-modal-dialog{grid-template-columns:1fr;max-height:94vh}.job-modal-image{max-height:330px}.job-modal-image img{max-height:300px}.job-modal-content{padding:28px 22px}.job-apply-form{grid-template-columns:1fr}.job-full,.job-form-note{grid-column:auto}}
