
:root{--ink:#071b39;--paper:#fff;--lime:#20b7ff;--muted:#485a72;--line:#d7e0ec;--blue:#075bdb;--navy:#05152e;--violet:#7044dc;--magenta:#cd20c8}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
header{background:#05152efc;border-bottom:1px solid #243958;box-shadow:0 3px 16px #00102720}
nav{padding:12px 5%;min-height:94px}.brand{display:flex;align-items:center;gap:13px;color:white;letter-spacing:0;flex-shrink:0}.brand img{width:68px;height:68px;object-fit:contain;border-radius:50%}.brand .brandword{display:flex;flex-direction:column;font-size:19px;line-height:1.15;font-weight:800;letter-spacing:1px;background:none;color:#fff;width:auto;height:auto;border-radius:0;margin:0}.brandword small{font-size:9px;font-weight:500;letter-spacing:2px;color:#99bbdf;margin-top:7px}.brandword b{color:#30baff}.links a{color:#f3f7ff;font-weight:600}.links a:hover{color:#38bcff}.navcta{border-color:#4e85ca;border-radius:0;background:#0b3470}
h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-2.3px}h1{font-size:clamp(44px,5.2vw,70px);line-height:1.06}h1 em{font-style:normal;color:#0785e8}h2{font-size:clamp(32px,3.8vw,46px);line-height:1.13}h3{letter-spacing:-.4px}p{color:var(--muted)}
.eyebrow{color:#0b5bc8;letter-spacing:1.7px}.eyebrow:before{background:#c52acb;width:25px;height:3px}.hero{position:relative;background:#fff;padding-top:75px;padding-bottom:80px}.lead{font-size:18px;line-height:1.75}.hero-meta{color:#53647a}.btn{background:#075bdb;border:1px solid #075bdb;border-radius:2px;font-weight:700;padding:14px 24px;transition:background .15s,transform .15s}.btn:hover{background:#0647ac;transform:translateY(-2px)}.btn.secondary{background:white;color:#082449;border-color:#9aabc0}.btn.secondary:hover{background:#edf4ff}
.architecture{background:#071b39;border:1px solid #1e426f;border-radius:3px;box-shadow:12px 12px 0 #e6effb;padding:30px}.architecture .eyebrow{color:#6bcfff}.layer{border:1px solid #33557e;border-left:3px solid #239bfa;background:#0c2548;border-radius:1px}.layer small,.layer .tags{color:#c3d5ec}.layer strong{font-weight:600}.layer.accent{background:#075bdb;color:white;border-left:3px solid #cd31d6}.layer.accent small,.layer.accent .tags{color:#e0efff}.connector{color:#30b9ff}.diagram-foot{color:#9dbbdc}
.strip{max-width:none;background:#071b39;color:#c2d1e5;border:0;padding-top:25px;padding-bottom:25px}.strip strong{color:white}.services{gap:26px;border-top:0}.service,.service+.service{border:1px solid #d9e2ef;border-top:3px solid #075bdb;padding:26px 24px;background:#fff}.service:nth-child(2){border-top-color:#7946dc}.service:nth-child(3){border-top-color:#d025c2}.num,.badge{color:#0752b6;font-weight:700}.work-section{background:#edf2f8}.filter{border-color:#a8bad1;color:#18365c;border-radius:2px;background:#fff}.filter.active{background:#075bdb;border-color:#075bdb}.project{border:1px solid #c9d6e6;border-radius:2px;box-shadow:0 4px 14px #0b25490a;transition:transform .15s,box-shadow .15s}.project:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0b25491c}.art,.art.blue,.art.gold{background:#0a2447}.art.blue{background:#102a56}.art.gold{background:#172552}.mini{background:#0c305b;border-color:#41658e;color:#e8f4ff;border-radius:2px}.mini-row{border-color:#34547c}.dot{background:#24b5ff}.details a{color:#0752b6;font-weight:700}.content{padding:26px}.step:before{color:#075bdb;font-weight:700}.article .number{font-family:Arial;color:#075bdb;font-weight:bold}.article:hover{background:#f2f6fc}.about{background:#05152e}.about p{color:#c9d8ed}.about .eyebrow{color:#52bfff}.monogram{background:#0c2c55;color:#35bfff;border:1px solid #365e91}.credentials span{border-color:#46658d}.contact{max-width:950px}.contact h2{color:#071b39}footer{background:#05152e;color:#b9cbe1;border:0}.draft{background:#153353;color:#c9ddf5}
.casehero{max-width:none;background:#071b39;color:#fff;padding:64px max(6%,calc((100vw - 1050px)/2));border-bottom:4px solid #086cde}.casehero h1{font-size:clamp(42px,5.5vw,72px)}.casehero h1 em{color:#39b8ff}.casehero .lead{color:#cfdded}.casehero .eyebrow{color:#61c9ff}.casehero .back{color:#b9d8fb}.chips span{border-color:#39567b;color:#e4effd;border-radius:2px;background:#0e2c50}.casebody{padding-top:40px!important}.flow div{background:#edf3fb;border-radius:2px;border-top:3px solid #1269d9}.flow div:nth-child(2){border-top-color:#7545db}.flow div:nth-child(3){border-top-color:#ce29c6}.flow small{color:#0752b6}.callout{background:#eaf3ff;border-left:4px solid #0868de;border-radius:0}.callout p{color:#274663}.question{background:#071b39;border-radius:2px}.question small{color:#56c1ff}figure{border-radius:2px;border-color:#ccd9e9}figcaption{background:#eef3fa;color:#435770}th{background:#edf3fb}.tool-list div{border-color:#ccd9e9}.review a,figcaption a{color:#0752b6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b42dd1;outline-offset:4px}
@media(max-width:850px){nav{padding:12px 5%;flex-wrap:wrap;gap:12px}.links{gap:18px}.services{gap:18px}.hero{padding-top:50px}.casehero{padding:50px 6%}.service+.service{border-left:1px solid #d9e2ef}.strip{gap:18px}.brand img{width:56px;height:56px}}
@media(max-width:550px){nav{justify-content:center}.brand{margin-right:auto}.links{width:100%;justify-content:space-between;padding:8px 0 2px}.links a{font-size:12px}.brand .brandword{font-size:17px}.brandword small{font-size:8px}.brand img{width:50px;height:50px}h1,h2{letter-spacing:-1.4px}.hero h1{font-size:44px}.architecture{padding:22px;box-shadow:7px 7px 0 #e6effb}.strip span{width:46%}.casehero h1{font-size:42px}.chips span{font-size:11px}.hero .buttons .btn{padding:12px 16px}}

.about-logo{display:block;width:100%;max-width:360px;height:auto;border-radius:50%;border:1px solid #38577c}.about .wrap{align-items:center}@media(max-width:850px){.about-logo{max-width:260px}}
