:root{--ink:#10243a;--blue:#2468ef;--paper:#f4f1ea;--muted:#647184;--line:#d7d4ca;--s:Manrope,sans-serif;--serif:"Playfair Display",serif;--mono:"DM Mono",monospace;--w:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--s)}a{text-decoration:none;color:inherit}header,section,footer{max-width:var(--w);margin:auto}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{width:116px;height:56px;overflow:hidden}.logo img{width:116px;height:71px;object-fit:cover;margin-top:-8px}nav{display:flex;gap:32px;font-size:12px;font-weight:800}.navbutton,.button{background:var(--ink);color:#fff;padding:15px 19px;font-size:12px;font-weight:800}.hero{min-height:735px;padding:140px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.eyebrow{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#637188;margin:0 0 22px}h1,h2{margin:0;letter-spacing:-.07em;line-height:.96;font-size:clamp(50px,6vw,88px)}em{font-family:var(--serif)}.hero p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:15px;line-height:1.7;margin:28px 0 31px}.heroart{height:480px;background:#d8d5ca;position:relative;overflow:hidden}.heroart:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #a9aaa4;border-radius:50%;right:-230px;top:-210px}.browser{position:absolute;inset:50px 45px 50px 25px;background:#1d478d;color:#fff;box-shadow:17px 18px #bbb8ae;padding:20px 28px;display:flex;flex-direction:column}.browser span{font:9px var(--mono);letter-spacing:2px}.browser span b{float:right;letter-spacing:0}.browser strong{font-size:clamp(27px,3vw,43px);line-height:1.02;letter-spacing:-.06em;margin:auto 0 15px}.browser small{font-size:11px;line-height:1.5;max-width:220px}.browser i{height:2px;background:#fff;width:100px;margin-top:21px}.tag{position:absolute;right:0;bottom:25px;background:var(--ink);color:#fff;padding:16px 20px;font-size:11px;font-weight:700;line-height:1.4}.intro{padding:135px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.intro h2{font-size:clamp(42px,5vw,70px)}.intro>p:last-child{align-self:end;color:var(--muted);line-height:1.7}.case{padding:70px 0 135px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:center}.caseimage{background:#10243a;padding:14px;box-shadow:18px 18px #d7d2c5}.caseimage img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;object-position:top}.case h2{font-size:clamp(32px,3.7vw,53px)}.case p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:14px}.under{font-size:12px;font-weight:800;border-bottom:1px solid;padding-bottom:5px}.services{max-width:none;background:var(--ink);color:#fff;padding:130px max(24px,calc((100vw - var(--w))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.services .eyebrow{color:#b9c8dd}.services h2{font-size:clamp(39px,4.5vw,65px)}.servicegrid{border-top:1px solid #718096}.servicegrid article{border-bottom:1px solid #718096;padding:20px 0;display:grid;grid-template-columns:45px 1fr;column-gap:14px}.servicegrid b{font:10px var(--mono);color:#a9c8ff}.servicegrid h3{margin:0;font-size:18px;letter-spacing:-.04em}.servicegrid p{grid-column:2;margin:6px 0 0;color:#b9c8dd;font-size:13px;line-height:1.6}.proof{padding:120px 0;display:flex;justify-content:space-between;align-items:end}.proof p{font-size:clamp(30px,3.5vw,50px);max-width:760px;letter-spacing:-.06em;line-height:1.03;margin:0}.proof span{font:10px var(--mono);color:var(--muted)}.contact{max-width:none;background:var(--blue);color:#fff;padding:130px max(24px,calc((100vw - var(--w))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.contact .eyebrow{color:#d6e3ff}.contact h2{font-size:clamp(43px,4.8vw,68px)}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:360px}.contact a{font-size:13px;font-weight:800;border-bottom:1px solid;padding-bottom:5px}form{background:#1857c8;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;font-weight:800;display:grid;gap:8px}input,textarea{background:transparent;border:0;border-bottom:1px solid #b6cbff;padding:9px 0;color:#fff;font:14px var(--s);outline:0}textarea::placeholder{color:#d5e3ff}.full{grid-column:1/-1}button{border:0;background:#fff;color:var(--blue);padding:16px;font-weight:800;cursor:pointer}footer{height:100px;display:flex;justify-content:space-between;align-items:center;font-size:10px}footer b{font-size:25px;letter-spacing:-.07em}footer b span{color:var(--blue)}@media(max-width:800px){header{margin:0 20px;height:75px}.logo{width:90px;height:43px}.logo img{width:90px;height:56px;margin-top:-7px}nav{display:none}.navbutton{font-size:10px;padding:12px}.hero,.intro,.case,.services,.contact{display:grid;grid-template-columns:1fr;gap:38px;padding:95px 20px}.hero{padding-top:125px}.heroart{height:380px}.intro{padding-top:90px}.case{padding-top:70px}.services,.contact{padding-top:90px;padding-bottom:90px}.proof{padding:90px 20px;display:grid;gap:22px}.caseimage{box-shadow:10px 10px #d7d2c5}form{grid-template-columns:1fr;padding:22px}.full{grid-column:auto}footer{margin:0 20px}}