:root{--navy:#0d2035;--blue:#175582;--green:#92bd4d;--ink:#253444;--muted:#697985;--line:#dce3e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{line-height:1.13;letter-spacing:-1.4px}h2{font-size:clamp(31px,3.1vw,44px);font-weight:500}h3{font-size:23px;letter-spacing:-.5px}.wrap{max-width:1250px;margin:auto;padding:0 40px}.section{padding:100px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:22px}.eyebrow.light{color:#b8d0de}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:15px 23px;background:var(--green);color:#132a36;font-size:12px;font-weight:bold;border:0;border-radius:4px;cursor:pointer;transition:.2s}.button:hover{background:#abd26d;transform:translateY(-2px)}.button.small{padding:11px 17px}.text-link{font-size:12px;font-weight:bold;border-bottom:1px solid #ffffff55;padding-bottom:7px}.blue{color:var(--blue);border-color:#17558255}header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav{height:91px;display:flex;justify-content:space-between;align-items:center}.logo{width:187px;display:block}nav{display:flex;align-items:center;gap:29px;font-size:12px}nav>a:hover{color:var(--blue)}.menu{display:none}.hero{position:relative;background:var(--navy);color:white;min-height:670px;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0d2035 3%,#0d2035f2 27%,#0d203566 60%,#0d203515),linear-gradient(0deg,#0d2035a0,transparent 40%),url('assets/s1-2.webp') center right/cover}.hero-content{position:relative;padding-top:83px;padding-bottom:47px}.hero h1{font-size:clamp(45px,5vw,68px);letter-spacing:-2.5px;font-weight:500;margin-bottom:24px}.hero h1 em{font-style:normal;color:#b1d67d}.hero p{max-width:410px;color:#cad5df;font-size:16px;line-height:1.8}.actions{display:flex;gap:26px;align-items:center;margin:30px 0 44px}.hero-label{display:flex;flex-direction:column;font-size:11px;gap:6px;border-left:2px solid var(--green);padding-left:16px}.hero-label span{font-size:8px;letter-spacing:1.5px;color:#a2b9c9}.hero-label b{font-weight:500}.photo-caption{position:absolute;bottom:28px;right:40px;color:#fff9;letter-spacing:1.5px;font-size:8px}.specialties{background:#eef2f4;border-bottom:1px solid var(--line)}.specialties .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:9px;font-weight:bold;letter-spacing:1px}.specialties i{font-size:16px;color:#93a5ae;font-weight:400}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-head h2{margin-bottom:0}.section-head>p{max-width:340px;color:var(--muted);font-size:13px;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.services article{padding:34px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.services article:hover{background:#f4f7f8}.number{display:block;color:#79909c;letter-spacing:1.3px;font-size:9px;margin-bottom:34px}.services p{font-size:13px;color:var(--muted);min-height:91px;margin-bottom:20px}.services ul{padding:20px 0 0;list-style:none;border-top:1px solid var(--line);margin:0;font-size:11px;line-height:2.2}.services li:before{content:'↗';margin-right:10px;color:var(--blue)}.service-extra{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:26px 28px;background:#f0f4f6;margin-top:20px}.service-extra b{font-size:14px}.service-extra p{font-size:12px;color:var(--muted);margin:0}.expert{background:var(--navy);color:#fff}.expert-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.muted{color:#afbecb;font-size:13px;max-width:390px;margin:26px 0}.expert-details{border-top:1px solid #ffffff2c}details{border-bottom:1px solid #ffffff2c;padding:24px 0}summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;display:flex;align-items:center;gap:18px}summary:after{content:'+';margin-left:auto;color:var(--green);font-size:22px}details[open] summary:after{content:'−'}summary span{color:#8ba3b5;font-size:10px}details p{color:#aebfcd;font-size:12px;margin:18px 25px 0 34px}.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.project{margin:0;position:relative;overflow:hidden;min-height:220px;background:var(--navy)}.project.large{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .5s}.project:hover img{transform:scale(1.035)}.project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#091a2be6)}.project figcaption{position:absolute;bottom:12px;left:28px;right:20px;z-index:1;color:#fff}.project span{font-size:8px;letter-spacing:2px;color:#d4e2e9}.project h3{font-size:23px;margin-top:10px}.project.large h3{font-size:30px;max-width:260px}.caption{color:#7a8790;font-size:10px;margin:18px 0 0}.software{background:#f0f4f6}.software-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.software p{font-size:13px;color:var(--muted);max-width:400px}.screens{position:relative;min-height:310px}.screens img{width:88%;border:1px solid #d9e1e6;box-shadow:0 15px 30px #15334416;border-radius:5px;display:block}.screens img:first-child{transform:rotate(-4deg)}.screens img:nth-child(2){position:absolute;top:110px;right:-5px;transform:rotate(4deg)}.screens span{display:block;position:absolute;bottom:-10px;font-size:8px;letter-spacing:1.5px;color:#68808e}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about p{font-size:13px;color:var(--muted)}.about .intro{font-size:21px;line-height:1.5;color:var(--ink);letter-spacing:-.4px}.rt{margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.rt span{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:7px}.rt b{font-size:14px}.rt p{font-size:11px;margin-top:3px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.process>div{border-top:1px solid var(--line);padding-top:22px}.process span{color:var(--blue);font-size:10px}.process h3{margin:18px 0 10px;font-size:20px}.process p{color:var(--muted);font-size:12px;margin-bottom:0}.contact{background:#102e46;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{font-size:13px;color:#adc0cf;max-width:350px}.contact-link{display:block;font-size:20px;margin-top:32px;letter-spacing:-.5px}.instagram{display:inline-block;font-size:12px;color:#c4d4df;margin-top:14px}form{padding:30px;background:#ffffff09;border:1px solid #ffffff18;border-radius:5px}label{font-size:10px;color:#c6d5df;display:block;margin:0 0 6px}input,textarea,select{width:100%;border:1px solid #ffffff30;background:#0e263b;color:#fff;border-radius:3px;padding:11px 13px;font-size:12px;margin-bottom:17px}input::placeholder,textarea::placeholder{color:#8ba0b0}textarea{resize:vertical}form .button{width:100%}form .form-note{font-size:9px;margin:12px 0 0;max-width:none}footer{padding:50px 0 0;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid img{width:180px}.footer-grid p{font-size:11px;color:var(--muted);margin:8px 0}.footer-grid b{font-size:9px;letter-spacing:1.4px;display:block;margin-bottom:15px}.footer-grid a{display:block;font-size:11px;color:var(--muted);margin:6px 0}.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:22px;margin-top:40px;font-size:9px;color:var(--muted)}.bottom button{background:none;border:0;color:inherit;font-size:9px;cursor:pointer}dialog{max-width:550px;width:90%;padding:40px;border:0;border-radius:6px;color:var(--ink)}dialog::backdrop{background:#071b2bd9}dialog h2{font-size:28px}dialog p{font-size:13px}#close-privacy{float:right;background:none;border:0;font-size:20px;cursor:pointer}@media(max-width:1000px){nav{gap:17px}.expert-grid,.about,.contact-grid{gap:45px}.software-grid{gap:40px}.hero-photo{background-position:60% center}.services article{padding:27px 22px}.screens{min-height:270px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{height:78px}.logo{width:160px}.menu{display:block;background:none;border:1px solid var(--line);padding:4px 11px;font-size:22px;color:var(--navy)}nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:22px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch}.section{padding:65px 0}.hero{min-height:650px}.hero-content{padding-top:60px}.hero h1{font-size:48px}.hero-photo{background:linear-gradient(90deg,#0d2035f0,#0d2035a0),url('assets/s1-2.webp') center/cover}.hero p{font-size:14px;max-width:330px}.actions{align-items:start;flex-direction:column;gap:21px}.photo-caption{display:none}.specialties .wrap{flex-wrap:wrap;justify-content:center;gap:10px 15px;font-size:8px}.specialties i{display:none}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:none;margin-top:24px}.services{grid-template-columns:1fr 1fr}.services p{min-height:115px}.number{margin-bottom:24px}.service-extra{grid-template-columns:1fr;gap:8px}.expert-grid,.software-grid,.about,.contact-grid{grid-template-columns:1fr;gap:35px}.expert h2 br{display:none}.expert-details{margin-top:0}.projects{grid-template-columns:1fr 1fr}.project.large{grid-column:span 2;grid-row:auto;height:300px}.project{height:220px}.project figcaption{left:18px}.project h3{font-size:18px}.screens{max-width:550px;min-height:320px;margin-top:15px}.about{gap:10px}.process{grid-template-columns:1fr 1fr;margin-top:35px;gap:24px}.contact-link{font-size:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.bottom{flex-wrap:wrap}.bottom span:nth-child(2){display:none}}@media(max-width:430px){.hero h1{font-size:43px;letter-spacing:-1.9px}.services{grid-template-columns:1fr}.services p{min-height:0}.services article{padding:27px}.services ul{font-size:12px}.number{margin-bottom:20px}.projects{grid-template-columns:1fr}.project.large{grid-column:auto;height:280px}.project{height:240px}.screens{min-height:240px}.screens img:nth-child(2){top:85px}form{padding:22px}.contact-link{font-size:17px}h2{font-size:33px}.hero-label{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Header proportions aligned with the Tech reference. */
header .wrap{padding-left:32px;padding-right:32px}
.nav{height:110px;gap:28px}
.logo{width:215px;height:93px;object-fit:contain}
nav{gap:17px;font-size:11px;line-height:1.6}
nav .button.small{padding:14px 23px;font-size:14px;line-height:1.6;border-radius:8px}
.hero h1{font-size:clamp(40px,4.3vw,61px);line-height:1.07;letter-spacing:-2.8px;font-weight:700;margin:21px 0 22px}
@media(max-width:1100px){.logo{width:190px;height:83px}nav{gap:13px;font-size:10px}nav .button.small{padding:12px;font-size:11px}}
@media(max-width:1080px){.hero h1{font-size:48px}}
@media(max-width:800px){
 .nav{display:flex;flex-wrap:wrap;height:auto;min-height:117px;padding-top:5px;padding-bottom:8px;column-gap:14px;row-gap:3px}
 .nav>a{order:1;margin-right:calc(100% - 410px)}
 .logo{width:166px;height:62px}
 .menu{display:none}nav,nav.open{display:contents;position:static;padding:0;border:0;background:none}
 nav>a:not(.button){display:block;order:3;flex:1;text-align:center;font-size:10px;white-space:nowrap}
 nav .button.small{margin-left:auto;order:2;font-size:11px;padding:11px 15px}
 .hero h1{font-size:48px;max-width:600px}html{scroll-padding-top:133px}
}
@media(max-width:520px){
 header .wrap{padding-left:20px;padding-right:20px}.nav{min-height:119px}.nav>a{margin-right:0}
 .logo{width:157px;height:62px}nav .button.small{font-size:10px;padding:10px 12px}
 nav>a:not(.button){font-size:9px;flex:0 1 auto}.hero h1{font-size:41px;letter-spacing:-1.8px}
}

/* Typography from expertise through the footer, matching the Tech scale. */
#expertise,#expertise~section,footer{font-family:Arial,Helvetica,sans-serif;line-height:1.6}
#expertise h2,#expertise~section h2{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-1.3px}
#expertise h3,#expertise~section h3{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.6px}
#expertise .muted,#expertise~section .section-head>p,.software p,.about p,.contact p{font-size:14px;line-height:1.85}
#expertise summary{font-size:12px;font-weight:700;line-height:1.6}
#expertise details p{font-size:12px;line-height:1.85}
#expertise~section .eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700}
.about .intro{font-size:16px;line-height:1.85;letter-spacing:0}
.process h3{font-size:20px}.process p{font-size:13px;line-height:1.6}
.rt p{font-size:11px;line-height:1.6}
form .form-note{font-size:10px;line-height:1.6}
footer .footer-grid p,footer .footer-grid a{font-size:11px;line-height:1.6}
@media(max-width:520px){#expertise h2,#expertise~section h2{font-size:29px}#expertise h3,#expertise~section h3{font-size:20px}.about .intro{font-size:14px}}