@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111827;--muted:#667085;--accent:#0a72ba;--soft:#f4f5f1;--line:#dfe3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px Manrope,system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:5}.logo{font-size:22px;font-weight:800;letter-spacing:-1px;display:block;line-height:0}.logo img{width:176px;height:auto;display:block}.logo span{color:#0a72ba}.nav nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-cta,.primary{background:var(--ink);color:#fff;padding:13px 20px;border-radius:30px}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:650px;padding:100px 10vw 70px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,#f4f8ee,#fff)}.hero-copy{width:60%;position:relative;z-index:1}.eyebrow{font:12px 'DM Mono';text-transform:uppercase;letter-spacing:1.5px;color:#0a72ba;margin:0 0 20px}.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-4px;margin:0 0 28px;max-width:800px}.hero h1 em{font-style:normal;color:#0a72ba}.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-block;border:0;cursor:pointer;font:600 14px Manrope;padding:15px 23px;border-radius:30px}.ghost{border:1px solid var(--ink);padding:14px 22px}.hero-art{width:40%;height:430px;position:relative}.brand-graphic{position:absolute;z-index:2;left:-30px;top:12px;transform:rotate(-7deg);filter:drop-shadow(0 18px 18px #18250020)}.brand-graphic img{width:430px;display:block;border-radius:8px}.orb{display:none}.original-hero{height:430px;position:relative}.hero-bg{position:absolute;width:100%;height:auto;right:-30px;top:55px}.hero-person,.hero-device{position:absolute;display:block}.p1{width:145px;left:25px;top:25px}.p2{width:150px;right:45px;top:10px}.d1{width:105px;left:90px;top:220px}.d2{width:105px;right:5px;top:205px}.d3{width:100px;right:125px;top:275px}.stat{position:absolute;right:140px;top:110px;background:#fff;border-radius:12px;padding:18px 22px;box-shadow:0 12px 30px #18250020}.stat.second{right:0;top:275px}.stat strong{display:block;font-size:28px}.stat span{color:var(--muted);font-size:12px}.trust{padding:26px 10vw;border-bottom:1px solid var(--line);display:flex;gap:50px;align-items:center;color:var(--muted);font-size:12px}.trust b{font-size:13px;letter-spacing:2px;color:#a0a79d}.section{padding:110px 10vw}.section-head{max-width:680px;margin-bottom:55px}.section h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-2px;margin:0 0 18px}.section-head>p:last-child{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{border-top:2px solid var(--ink);padding:22px 8px}.cards span,.steps b{font:12px 'DM Mono';color:#0a72ba}.cards h3{font-size:18px;line-height:1.3}.cards p,.service-grid p,.steps p{color:var(--muted);line-height:1.65;font-size:14px}.dark{background:var(--ink);color:#fff}.dark .section-head>p:last-child{color:#b2bab4}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.service-grid div{border-left:1px solid #ffffff40;padding-left:22px}.service-grid h3{font-size:21px}.roles{display:flex;flex-wrap:wrap;gap:10px;margin-top:55px}.roles span{border:1px solid #ffffff45;border-radius:20px;padding:9px 14px;font-size:13px;color:#dce5d8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps div{border-top:1px solid var(--line);padding-top:20px}.career{padding:90px 10vw;background:var(--accent)}.career>div:first-child{max-width:680px;margin-bottom:50px}.career h2{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.1;max-width:700px}.career>div>p:not(.eyebrow){max-width:560px;line-height:1.6}.job{background:#fff;padding:30px;border-radius:14px}.job h3{font-size:25px}.job p:not(.eyebrow){color:var(--muted);font-size:14px}.job a{font-weight:700}#jobs-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:8px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px 24px;margin-top:10px}.team-card img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:top center;display:block;margin-bottom:14px}.team-card h3{font-size:16px;margin:0 0 4px}.team-card h3 a{text-decoration:none}.team-card h3 a:hover{text-decoration:underline}.team-role{color:#0a72ba;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}.team-contact{color:var(--muted);font-size:13px;line-height:1.7}.team-contact a{color:inherit}.team-contact a:hover{color:#0a72ba}footer{background:#101510;color:#cfd5cb;padding:50px 10vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 12px;font-size:13px}footer p{margin:0 0 14px;line-height:1.6}footer .footer-h{color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}footer small{grid-column:1/-1;color:#829080;margin-top:10px}footer a{color:var(--accent)}
@media(max-width:800px){.nav{padding:0 5vw}.nav nav{display:none}.menu{display:block}.nav.nav-open nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:100%;left:0;right:0;background:#fff;padding:6px 5vw 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #18250014}.nav.nav-open nav a{padding:12px 0;width:100%;border-bottom:1px solid var(--line)}.nav.nav-open .nav-cta{margin-top:0;background:none;color:inherit;padding:12px 0;border-radius:0}.hero{padding:70px 7vw;min-height:auto}.hero-copy{width:100%}.hero-art{display:none}.hero h1{letter-spacing:-2px}.trust{padding:25px 7vw;gap:18px;flex-wrap:wrap}.trust span{width:100%}.section{padding:75px 7vw}.cards,.steps,.service-grid{grid-template-columns:1fr 1fr}.career{padding:70px 7vw}footer{padding:40px 7vw;display:block}footer p{line-height:1.6}}
@media(max-width:520px){.cards,.steps,.service-grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:42px}.career h2{font-size:38px}}
/* Original Integrators header composition and layer proportions */
.header__parallax{min-height:100%;width:100%;position:relative;z-index:1}.header__anim{position:relative;width:100%;aspect-ratio:860/394}.header__parallaxRepl{display:none}.header__parallaxBg{position:absolute;inset:0;width:100%;z-index:2;transform:rotate3d(1,0,0,-90deg);transform-origin:bottom}.header__px{width:auto;position:absolute;background-size:contain;background-repeat:no-repeat;opacity:0;overflow:hidden}.header__px--1{width:7%;top:15%;left:39%;z-index:3}.header__px--2{width:7%;top:11.6%;left:58%;z-index:3}.header__px--3{width:16.5%;height:17%;top:41%;left:25.7%;background-image:url('assets/original/header/sipka_1.svg');background-position:157px 65px;opacity:1;z-index:2}.header__px--4{width:6.5%;height:20%;top:74%;left:39.3%;background-image:url('assets/original/header/sipka_2.svg');background-position:0 -74px;opacity:1;z-index:2}.header__px--5{width:17%;height:20%;top:18.5%;left:61.2%;background-image:url('assets/original/header/sipka_3.svg');background-position:-160px 75px;opacity:1;z-index:2}.header__px--6{width:25%;top:15.9%;left:9%;z-index:5}.header__px--7{width:34%;top:53%;left:41.3%;z-index:5}.header__px--8{width:12%;top:6.6%;left:78.4%;z-index:5}.header__parallax.parallax .header__parallaxBg{transform:rotate3d(1,0,0,0deg);transition:transform .3s linear;transition-delay:.3s}.header__parallax.parallax .header__px--1,.header__parallax.parallax .header__px--2,.header__parallax.parallax .header__px--6,.header__parallax.parallax .header__px--7,.header__parallax.parallax .header__px--8{opacity:1;transition:opacity .3s linear}.header__parallax.parallax .header__px--3,.header__parallax.parallax .header__px--4,.header__parallax.parallax .header__px--5{background-position:0 0;transition:background-position .1s linear}
@media(max-width:750px){.header__parallax{width:100%}.header__parallaxRepl{display:block;width:100%}.header__parallaxBg,.header__px{display:none}}
.live-job{display:block;color:inherit;padding:16px;border:1px solid var(--line);border-radius:10px;transition:transform .2s,box-shadow .2s}.live-job:hover{transform:translateY(-3px);box-shadow:0 10px 24px #18250018}.live-job h3{font-size:17px;margin:0 0 8px;line-height:1.3}.live-job p{color:var(--muted);font-size:13px;margin:0 0 10px}.live-job span{font-weight:700;font-size:13px;color:#0a72ba}
.job-detail{min-height:750px}.job-hero{padding:100px 10vw 80px;background:linear-gradient(120deg,#eef6fb,#fff);border-bottom:1px solid var(--line)}.job-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;line-height:1.05;margin:10px 0 20px}.job-meta{color:var(--muted);font-size:16px;margin-bottom:32px}.back{display:inline-block;margin-bottom:70px;font-size:14px;font-weight:700}.job-body{padding:80px 10vw;display:grid;grid-template-columns:minmax(0,1.5fr) 320px;gap:10vw}.job-body h2{font-size:36px;letter-spacing:-1px}.job-body h3{font-size:22px}.job-body p,.job-body li{color:var(--muted);line-height:1.7}.job-body ul{padding-left:22px}.job-body aside{background:#f4f5f1;border-radius:12px;padding:28px;height:max-content}.job-body dt{font:11px 'DM Mono';color:#0a72ba;text-transform:uppercase;margin-top:18px}.job-body dd{margin:4px 0;color:var(--ink)}
@media(max-width:700px){.job-body{grid-template-columns:1fr;padding:60px 7vw}.job-hero{padding:70px 7vw}.back{margin-bottom:45px}}
