@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8f9fc;color:#172c4c;font:14px 'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}a,button,input{outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}button{cursor:pointer}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 5%;border-bottom:1px solid #e3e8f1;background:#fbfcfe}.lft-logo{width:146px;height:62px;overflow:hidden;display:block}.lft-logo img{width:146px;height:62px;object-fit:cover;object-position:center 62%}.site-header nav{display:flex;gap:36px;color:#71809a;font-size:12px}.header-cta{font-size:11px;border:1px solid #d6dfed;padding:13px 18px;border-radius:3px}.header-cta span{margin-left:30px;color:#2c71cb}.section-wrap{max-width:1500px;padding-left:5%;padding-right:5%;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:80px;padding-bottom:85px;overflow:hidden;min-height:720px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#6f89ac;display:block;margin-bottom:24px;font-weight:600}.eyebrow>i{width:6px;height:6px;background:#4783d1;display:inline-block;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(50px,5.4vw,80px);font-weight:500;letter-spacing:-4px;line-height:1.1}.hero h1 em,h1 em,.about h2 em{font-style:normal;color:#497dcc}.hero-copy>p{font-size:14px;line-height:1.9;color:#7b8da8;max-width:450px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#1d497e;color:white;border-radius:3px;padding:16px 20px;font-size:11px;line-height:1.5}.primary:hover{background:#2c619e}.plain{font-size:10px;color:#7a90b0;display:flex;gap:15px;align-items:center}.hero-footnote{display:flex;gap:20px;align-items:center;margin-top:45px}.hero-footnote>span{font-family:Manrope;font-size:22px;letter-spacing:-1px;color:#8ea6c7}.hero-footnote p{font-size:9px;color:#9aadca;line-height:1.7}.hero-art{position:relative;align-self:stretch;background:radial-gradient(#bed0e7 1px,transparent 1px);background-size:18px 18px;min-width:0;margin-top:30px;min-height:520px}.hero-art:before{content:'';position:absolute;inset:70px 0 30px;background:linear-gradient(135deg,#e6edf8aa,#c5d8f1bb);border-radius:50%}.art-label{font-size:8px;color:#91a7c7;letter-spacing:1.6px;display:flex;justify-content:space-between}.art-label>span{font-size:20px}.screen{background:white;border:1px solid #cfdbec;box-shadow:0 25px 55px #56749b24;border-radius:7px;overflow:hidden}.screen-main{position:absolute;left:0;right:0;top:80px;transform:perspective(1200px) rotateY(-7deg) rotateX(4deg)}.screen img{width:100%;display:block}.screen-main img{height:330px;object-fit:cover;object-position:top}.screen-floating{position:absolute;width:62%;right:-15px;bottom:10px;transform:rotate(3deg);border-color:#354665}.screen-floating img{height:180px;object-fit:cover;object-position:top}.screen-floating .browser-chrome{background:#1b2941;color:#6e84a8}.browser-chrome{padding:10px 13px;display:flex;align-items:center;gap:5px;background:#f5f7fb;color:#a1b2cd;font-size:7px}.browser-chrome i{width:4px;height:4px;background:#c4d2e5;border-radius:50%}.browser-chrome>span{margin-left:10px}.art-stamp{position:absolute;bottom:20px;left:10px;font-size:8px;letter-spacing:1.3px;color:#93a9c6;line-height:2}.art-stamp>strong{font-size:9px;font-weight:500;color:#6c8db8}.capability-strip{display:flex;align-items:center;justify-content:center;gap:38px;background:#edf2f9;border-block:1px solid #dfe7f2;padding:23px 5%;font-size:9px;color:#8aa1c1;letter-spacing:1.1px}.capability-strip i{font-size:13px;color:#89a9d4;font-style:normal}.selected-work{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.section-heading h2,h2{font-size:39px;font-weight:500;letter-spacing:-1.6px;line-height:1.25}.section-heading>p{max-width:370px;font-size:12px;line-height:1.9;color:#8b9db9}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.case-preview{display:block;background:#e3eae3;padding:23px 23px 0;border-radius:7px;overflow:hidden;border:1px solid #dce4dc}.case-browser{display:flex;justify-content:space-between;align-items:center;color:#879a85;margin-bottom:19px;font-size:7px;letter-spacing:1.1px}.case-browser i{font-style:normal;font-size:20px}.case-preview img{display:block;width:100%;height:255px;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;border:1px solid #d2dcd8;box-shadow:0 10px 25px #53655116;transition:transform .3s}.case-preview:hover img{transform:translateY(-5px)}.case-atlas .case-preview,.case-cover.case-atlas{background:#252f4b;border-color:#354665}.case-atlas .case-browser{color:#8190b2}.case-novalink .case-preview,.case-cover.case-novalink{background:#eee7f6;border-color:#e0d3ed}.case-novalink .case-browser{color:#a78ebe}.case-arqhaus .case-preview,.case-cover.case-arqhaus{background:#e9e4da;border-color:#dfd7c7}.case-arqhaus .case-browser{color:#b09a7c}.case-rotasul .case-preview,.case-cover.case-rotasul{background:#243e36;border-color:#3b5249}.case-rotasul .case-browser{color:#86a18c}.case-nexo .case-preview,.case-cover.case-nexo{background:#dfe6f0;border-color:#cfdbe9}.case-nexo .case-browser{color:#8aa1bf}.case-prime .case-preview,.case-cover.case-prime{background:#e7eef6;border-color:#d7e3f1}.case-prime .case-browser{color:#a2b6cf}.case-info{display:flex;align-items:center;gap:20px;margin-top:23px}.case-client{display:block;font-size:8px;color:#9daec7;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.case-info h3{font-size:23px;font-weight:500;letter-spacing:-.8px}.case-info p{font-size:11px;line-height:1.8;color:#91a3be;margin-top:11px;max-width:420px}.case-arrow{width:39px;height:39px;display:grid;place-items:center;border:1px solid #dae4f1;border-radius:50%;color:#809dc5;font-size:20px;margin-left:auto;flex-shrink:0}.case-links{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e9f3;padding-top:17px;margin-top:22px;font-size:9px;color:#7797c2}.case-links>span{font-size:7px;letter-spacing:1px;color:#b2bfd3}.expertise{padding:70px 0;background:#182f4e;color:#e6eef9}.expertise .eyebrow{color:#6c91bf}.expertise .section-heading>p{color:#7793b7}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:45px}.expertise-grid article{border-top:1px solid #335273;padding-top:22px}.expertise-grid article>span{font-size:10px;color:#5e84b2}.expertise-grid h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:30px 0 15px}.expertise-grid p{font-size:11px;line-height:1.9;color:#83a0c6}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:90px;padding-bottom:90px}.about p{font-size:13px;line-height:2;color:#8a9fbd;margin-bottom:20px}.about .primary{margin-top:12px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:35px 5%;border-top:1px solid #e1e9f4;background:#f1f5fa}.site-footer strong{font-family:Manrope;font-size:13px;letter-spacing:.8px;color:#5a7ba6}.site-footer>div>span{display:block;font-size:8px;color:#9aafca;margin-top:8px}.site-footer p{font-size:8px;line-height:1.9;color:#9eafc7;max-width:430px}.site-footer>a{font-size:9px;color:#8ca4c5;white-space:nowrap}.project-index{padding-top:65px;padding-bottom:80px}.project-index h1{font-size:58px;letter-spacing:-2.5px;font-weight:500;line-height:1.15}.case-search{display:flex;gap:15px;align-items:center;margin:30px 0 45px}.case-search input{border:1px solid #dce5f2;border-radius:4px;background:white;color:#708baa;padding:13px 15px;width:420px;font-size:11px}.case-search button{background:#315b8e;color:white;border:0;border-radius:3px;padding:13px 20px;font-size:11px}.case-search>a{font-size:10px;color:#8ba2c1}.case-hero{padding-top:45px;padding-bottom:60px}.back{font-size:10px;color:#91a8c8;display:inline-block;margin-bottom:40px}.case-kicker{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;color:#819cc0;margin-bottom:25px}.case-kicker>span:last-child{color:#afbdd1;font-size:7px}.case-hero h1{font-size:54px;font-weight:500;letter-spacing:-2px;line-height:1.2;max-width:900px}.case-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:30px}.case-hero-bottom p{font-size:13px;color:#8ca3c0;line-height:1.9;max-width:530px}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe8f3;border-bottom:1px solid #dfe8f3;padding:25px 0;margin:40px 0;gap:30px}.case-facts span{font-size:7px;color:#a2b5cf;letter-spacing:1.3px;display:block;margin-bottom:11px}.case-facts strong{font-size:11px;color:#708faf;font-weight:500}.case-cover{padding:35px;background:#e5eae3;border:1px solid #dce5d7;border-radius:8px}.case-cover .browser-chrome{border-radius:5px 5px 0 0}.case-cover img{width:100%;max-height:650px;object-fit:cover;object-position:top;display:block;border-radius:0 0 5px 5px}.case-story{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:35px;padding-bottom:80px}.story-content article{margin-bottom:40px}.story-content article>span{font-size:8px;color:#a3b4ce;letter-spacing:1.1px}.story-content h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:17px 0}.story-content p,.story-content li{font-size:12px;color:#8ca3c1;line-height:2}.story-content ul{padding-left:18px}.feature-section{padding:65px 0;background:#edf3fa}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin-top:35px}.feature-grid>div{padding:22px 0;border-top:1px solid #d1dfee}.feature-grid span{font-size:9px;color:#96b0d0}.feature-grid h3{font-size:14px;color:#7a98bd;font-weight:500;margin-top:17px}.technical{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:75px;padding-bottom:75px}.tech-tags{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.tech-tags>span{border:1px solid #d9e5f2;background:#f1f6fc;color:#8ba8ca;font-size:10px;padding:9px 13px;border-radius:4px}.technical p{font-size:11px;line-height:1.9;color:#91a9c7;max-width:450px}.architecture{text-align:center;display:flex;flex-direction:column;gap:10px;max-width:430px;width:100%;margin:auto}.architecture>div{padding:17px;background:white;border:1px solid #dbe6f3;font-size:11px;color:#90a9ca;border-radius:5px}.architecture>span{color:#abc0db;font-size:15px}.architecture .architecture-last{background:#e7effa;color:#6e92c0;border-color:#c4d6ed}.try-case{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:45px;padding-bottom:75px;border-top:1px solid #e2eaf6}.try-case p{font-size:12px;line-height:1.9;color:#8da7c8;max-width:640px;margin-top:22px}.try-case small{display:block;font-size:9px;line-height:1.8;color:#a6b9d2;max-width:650px;margin-top:20px}.try-case>.primary{flex-shrink:0}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:99}.skip:focus{top:0}.empty{font-size:13px;color:#91a8c7;padding:35px}
@media(max-width:1100px){.hero{padding-top:60px;gap:25px;min-height:640px}.hero h1{font-size:60px;letter-spacing:-3px}.hero-art{min-height:440px}.screen-main img{height:270px}.screen-floating img{height:145px}.hero-actions{flex-wrap:wrap;gap:22px}.capability-strip{gap:22px;font-size:8px}.expertise-grid{gap:22px}.expertise-grid h3{font-size:15px}.case-preview img{height:220px}.library-layout{grid-template-columns:1fr 1fr}.case-hero h1{font-size:48px}.case-story,.technical{gap:50px}.try-case{align-items:flex-start}.try-case .primary{max-width:210px}.section-heading h2,h2{font-size:34px}}
@media(max-width:720px){.site-header{height:83px;padding:0 6%;gap:18px}.lft-logo,.lft-logo img{width:113px;height:48px}.site-header nav{gap:17px;font-size:10px}.header-cta{display:none}.section-wrap{padding-left:6%;padding-right:6%}.hero{display:block;padding-top:45px;padding-bottom:50px}.hero h1{font-size:60px;letter-spacing:-3.4px}.eyebrow{font-size:7px;letter-spacing:1.3px}.hero-copy>p{font-size:12px;max-width:350px;line-height:1.9;margin-top:26px}.hero-actions{gap:21px;margin-top:28px}.primary{font-size:10px;padding:14px 17px}.plain{font-size:9px;gap:8px}.hero-footnote{margin-top:32px}.hero-footnote>span{font-size:20px}.hero-footnote p{font-size:8px}.hero-art{margin-top:42px;min-height:365px}.screen-main{top:47px;left:0;right:8px}.screen-main img{height:220px}.screen-floating{bottom:0;right:0;width:65%}.screen-floating img{height:130px}.art-stamp{font-size:6px;bottom:15px;left:0}.art-stamp strong{font-size:7px}.art-label{font-size:7px}.capability-strip{flex-wrap:wrap;gap:15px 20px;padding:20px 6%;font-size:7px}.capability-strip i{font-size:9px}.capability-strip i:nth-of-type(2){display:none}.selected-work{padding-top:50px;padding-bottom:50px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,h2{font-size:32px;letter-spacing:-1.4px}.section-heading>p{font-size:11px;line-height:1.9;margin-top:23px}.case-grid{grid-template-columns:1fr;gap:37px}.case-preview{padding:18px 18px 0}.case-preview img{height:210px}.case-browser{font-size:6px;letter-spacing:.6px;margin-bottom:14px}.case-info{margin-top:19px}.case-info h3{font-size:22px}.case-info p{font-size:10px}.case-client{font-size:7px}.case-links{font-size:8px;padding-top:15px;margin-top:18px}.case-links>span{font-size:6px;letter-spacing:.4px}.expertise{padding:45px 0}.expertise-grid{grid-template-columns:1fr 1fr;gap:22px}.expertise-grid h3{font-size:15px;line-height:1.4;margin-top:23px}.expertise-grid p{font-size:10px}.about{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.about p{font-size:12px}.site-footer{padding:28px 6%;display:block}.site-footer p{font-size:8px;margin:23px 0}.site-footer>a{font-size:9px}.project-index{padding-top:40px;padding-bottom:55px}.project-index h1{font-size:45px;letter-spacing:-2px}.case-search{flex-wrap:wrap;gap:12px;margin:25px 0 32px}.case-search input{width:100%;font-size:10px;padding:12px}.case-search button{padding:11px 18px;font-size:10px}.case-hero{padding-top:30px;padding-bottom:35px}.back{margin-bottom:30px;font-size:9px}.case-kicker{font-size:7px;gap:20px;line-height:1.7}.case-kicker>span:last-child{font-size:6px;max-width:125px;text-align:right}.case-hero h1{font-size:38px;letter-spacing:-1.6px}.case-hero-bottom{display:block;margin-top:22px}.case-hero-bottom p{font-size:12px;margin-bottom:24px}.case-facts{grid-template-columns:1fr;gap:23px;margin:28px 0}.case-facts span{font-size:7px}.case-facts strong{font-size:11px}.case-cover{padding:14px}.case-cover img{height:250px}.case-cover .browser-chrome{font-size:6px;padding:8px}.case-story{grid-template-columns:1fr;gap:30px;padding-top:20px;padding-bottom:35px}.story-content h3{font-size:22px}.story-content p,.story-content li{font-size:11px}.story-content article{margin-bottom:28px}.feature-section{padding:40px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.feature-grid h3{font-size:12px;line-height:1.5}.technical{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.tech-tags{gap:7px;margin:25px 0}.tech-tags>span{font-size:9px;padding:8px 10px}.technical p{font-size:11px}.try-case{display:block;padding-top:35px;padding-bottom:45px}.try-case p{font-size:11px}.try-case small{font-size:9px}.try-case .primary{margin-top:25px;max-width:none}.architecture>div{font-size:10px}.case-info h3{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-preview img{transition:none}}