
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
  --blue:#0757df;--blue2:#0b6cff;--navy:#07163a;--text:#0d1b3d;
  --muted:#53617c;--bg:#f4f8ff;--line:#dbe5f4;--white:#fff;
  --shadow:0 18px 50px rgba(18,55,110,.12);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1390px,92%);margin:auto}
header{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf2f9;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:9px;min-width:260px}
.brand-mark{font-weight:900;font-style:italic;font-size:52px;letter-spacing:-6px;line-height:.75;color:var(--blue)}
.brand-copy{font-size:10px;font-weight:900;letter-spacing:.3px;margin-top:8px}
nav{display:flex;align-items:center;gap:34px;font-size:16px;font-weight:750}
nav a{height:82px;display:flex;align-items:center;position:relative}
nav a.active,nav a:hover{color:var(--blue)}
nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:var(--blue);border-radius:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:14px 22px;font-weight:800;border:1px solid transparent;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 25px rgba(7,87,223,.2)}
.btn-outline{border-color:#9db0d0;background:#fff}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#fff 0%,#f4f9ff 42%,#dceeff 100%);padding:55px 0 85px}
.hero:after{content:"";position:absolute;width:65%;height:210px;right:-8%;bottom:-105px;background:var(--blue);transform:rotate(-7deg);border-radius:50%}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:40% 60%;align-items:center}
.hero-copy{padding-right:25px}
.eyebrow{font-size:14px;font-weight:900;color:var(--blue);letter-spacing:.5px;text-transform:uppercase}
.hero h1{font-size:clamp(50px,5.1vw,82px);line-height:.99;letter-spacing:-4.5px;margin:14px 0 22px}
.hero h1 span{color:var(--blue)}
.hero p{font-size:18px;color:#3e4b66;max-width:590px;margin:0}
.actions{display:flex;gap:14px;margin-top:27px}
.hero-visual{height:500px;border-radius:0 0 0 0;overflow:hidden;position:relative}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,247,255,.8),transparent 28%);pointer-events:none}
.benefits{position:relative;z-index:5;margin:-35px auto 0;background:#fff;border-radius:19px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);padding:22px 18px}
.benefit{display:flex;align-items:center;gap:15px;padding:8px 26px;border-right:1px solid #dce5f2;font-weight:700}
.benefit:last-child{border:0}.ico{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;color:var(--blue);font-size:31px}
.section{padding:76px 0}.section.alt{background:var(--bg)}
.why{display:grid;grid-template-columns:300px 1fr 400px;gap:24px;align-items:stretch}
.why-intro h2{font-size:40px;line-height:1.05;letter-spacing:-2px;margin:10px 0 15px}.why-intro p{color:var(--muted)}
.underline{height:4px;width:38px;background:var(--blue);margin:10px 0 17px}
.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.reason{background:#fff;border:1px solid #e5ecf6;border-radius:18px;padding:24px;text-align:center;box-shadow:0 6px 22px rgba(20,55,100,.04)}
.reason .r-icon{font-size:43px;color:var(--blue);margin-bottom:8px}.reason h3{font-size:18px;margin:4px 0 7px}.reason p{font-size:14px;color:var(--muted);margin:0}
.handshake{height:100%;min-height:300px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.handshake img{width:100%;height:100%;object-fit:cover}
.cta{background:linear-gradient(100deg,#064bcf,#0a66ec);color:#fff;border-radius:20px;padding:25px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta h2{font-size:23px;margin:0}.cta p{margin:2px 0 0;opacity:.9}.cta .btn{background:#fff;color:var(--blue)}
.page-hero{background:linear-gradient(115deg,#07183e,#0a5ce2);color:#fff;padding:82px 0}
.page-hero h1{font-size:58px;line-height:1;letter-spacing:-3px;margin:12px 0}.page-hero p{font-size:18px;max-width:760px;opacity:.86}.page-hero .eyebrow{color:#9fc0ff}
.section-title{text-align:center;max-width:780px;margin:0 auto 45px}.section-title h2{font-size:42px;letter-spacing:-2px;line-height:1.05;margin:10px 0}.section-title p{color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e4ebf5;border-radius:18px;padding:27px;box-shadow:0 7px 24px rgba(15,55,105,.05)}.card h3{margin:8px 0}.card p{color:var(--muted);margin:0}.card-icon{font-size:40px;color:var(--blue)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:10px 0 18px}.split p{color:var(--muted)}.split-img{height:430px;border-radius:25px;object-fit:cover;box-shadow:var(--shadow)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:30px;border:1px solid #e2e9f4;border-radius:18px;background:#fff}.service .tag{display:inline-block;color:var(--blue);font-size:12px;font-weight:900;background:#eaf2ff;padding:5px 10px;border-radius:999px}.service h3{font-size:21px}.service p{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field textarea,.field select{font:inherit;padding:14px 15px;border:1px solid #d4deec;border-radius:11px;background:#fff;outline:none}.field textarea{min-height:150px;resize:vertical}
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job{padding:28px;border:1px solid #e1e9f5;border-radius:18px;background:#fff}.job h3{font-size:20px}.job p{color:var(--muted)}
footer{background:#07163a;color:#c8d7ef;padding:52px 0 22px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-brand .brand-mark{color:#fff}.footer-brand p{max-width:400px}.footer h3{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #20345c;padding-top:18px;margin-top:30px;font-size:13px;color:#91a5c5}
.mobile-toggle{display:none;border:0;background:none;font-size:25px}
@media(max-width:1050px){nav{gap:18px}.brand{min-width:210px}.why{grid-template-columns:1fr 1.4fr}.handshake{display:none}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){header,.nav,nav a{height:72px}.mobile-toggle{display:block}nav{display:none}.nav.open nav{display:flex;position:absolute;left:4%;right:4%;top:72px;background:#fff;padding:12px 18px;box-shadow:var(--shadow);border-radius:0 0 15px 15px;flex-direction:column;gap:0}.nav.open nav a{height:48px;width:100%}.nav.open nav a.active:after{display:none}.hero{padding:35px 0 65px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:0}.hero-visual{height:380px;margin-top:30px}.benefits{grid-template-columns:1fr 1fr}.benefit{border:0}.why,.split{grid-template-columns:1fr}.why-intro{max-width:600px}.split-img{height:320px}.services,.jobs{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand-mark{font-size:43px}.brand-copy{font-size:8px}.nav>.btn{display:none}.hero h1{font-size:47px;letter-spacing:-2.7px}.actions{flex-direction:column}.benefits,.cards,.services,.jobs,.footer-grid,.form-grid{grid-template-columns:1fr}.benefit{padding:13px 16px}.benefit:not(:last-child){border-bottom:1px solid #edf1f7}.section{padding:58px 0}.why-intro h2,.split h2{font-size:37px}.page-hero h1{font-size:45px}.cta{flex-direction:column;align-items:flex-start}.field.full{grid-column:auto}}
