:root{--w:#f4f7fa;--b:#04070b;--n:#061729;--ice:#dbe7ef;--muted:#aab7c3;--line:rgba(205,227,244,.18);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--w);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:100%;padding-inline:clamp(24px,7vw,132px)}.header{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--b)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:36px;height:36px;object-fit:contain}.header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.header nav a{color:var(--muted)}.header nav a:hover,.header nav a.active{color:var(--w)}.nav-cta,.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:4px}.menu-toggle{display:none;border:0;background:none;color:var(--w);font:12px var(--mono)}.hero{min-height:calc(100svh - 86px);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 43%,#0b4c83 0,rgba(5,34,62,.88) 34%,#04070b 72%)}.grid-field{position:absolute;inset:-20px;background-image:linear-gradient(rgba(191,221,244,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(191,221,244,.14) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 25%,transparent 97%);transition:transform .16s ease-out}.grid-field:after{content:'';position:absolute;width:680px;height:680px;left:var(--x,66%);top:var(--y,42%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(100,175,232,.18),rgba(23,91,148,.05) 35%,transparent 68%)}.hero-copy{position:relative;z-index:2;width:min(820px,65%)}.overline,.tag{font:500 12px/1.3 var(--mono);letter-spacing:.04em;color:#8499aa}.overline{display:flex;align-items:center;gap:10px;color:var(--w)}.overline i{width:7px;height:7px;background:#c9dbe8;border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1,.projects-hero h1{font-size:clamp(52px,6.6vw,102px);line-height:.96;letter-spacing:-.075em;margin:28px 0 32px}.hero h1 em,.projects-hero h1 em,.split h2 em,.contact h2 em{font-style:normal;color:#b7cbdc}.lead{max-width:610px;font-size:18px;line-height:1.65;color:#bac6d0}.actions{display:flex;gap:16px;margin-top:40px}.button{padding:16px 20px;font-size:14px;font-weight:700}.button.primary{background:var(--w);color:var(--n)}.button.ghost{border:1px solid var(--line)}.hero-console{position:absolute;z-index:2;right:clamp(24px,7vw,132px);bottom:118px;width:320px;background:rgba(3,13,24,.62);backdrop-filter:blur(12px);border:1px solid var(--line);padding:17px}.hero-console>div{display:flex;justify-content:space-between;font:11px var(--mono);padding-bottom:14px;border-bottom:1px solid var(--line)}.hero-console>div b{color:#9eb9cd}.hero-console ul{list-style:none;margin:0;padding:0}.hero-console li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font:12px var(--mono)}.hero-console li span,.hero-console li b{color:#879cac}.hero-foot{position:absolute;z-index:2;bottom:24px;left:clamp(24px,7vw,132px);right:clamp(24px,7vw,132px);display:flex;justify-content:space-between;font:10px var(--mono);color:#8393a0}.intro,.services,.process,.projects-preview,.team,.faq{padding-block:130px}.split{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.split h2,.faq h2,.contact h2{font-size:clamp(38px,4.7vw,68px);line-height:1.05;letter-spacing:-.06em;margin:30px 0 0}.split>p{max-width:420px;color:var(--muted);line-height:1.7;font-size:16px}.pillars,.showcase,.people{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:80px}.pillars{grid-template-columns:repeat(4,1fr)}.pillars article,.showcase a,.people article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pillars article{min-height:225px}.pillars span,.service-list>article>span,.showcase span,.people span{font:12px var(--mono);color:#91aec4}.pillars h3{margin:65px 0 12px;font-size:20px}.pillars p,.showcase p,.people p{font-size:14px;line-height:1.6;color:var(--muted)}.services{background:#08121e}.heading{align-items:end}.heading>p{margin-bottom:0}.service-list{margin-top:72px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 250px;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.service-list article:hover{padding-inline:18px;background:rgba(121,170,207,.07)}.service-list h3{font-size:24px;margin:0 0 10px}.service-list h3 i{font:10px var(--mono);font-style:normal;padding:4px 7px;color:var(--n);background:var(--ice);vertical-align:middle}.service-list p{max-width:650px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}.service-list b{font:11px var(--mono);color:#8ba6ba;text-align:right}.process{background:#e9eef2;color:var(--n)}.process .tag{color:#506b81}.process .split>p{color:#526b80}.process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:80px 0 0;padding:0;border-top:1px solid rgba(6,23,41,.2)}.process li{min-height:230px;padding:24px 20px 15px 0}.process li+li{border-left:1px solid rgba(6,23,41,.2);padding-left:20px}.process li span{font:12px var(--mono);color:#3e6d92}.process li strong{display:block;font-size:20px;margin:55px 0 10px}.process li p{font-size:14px;line-height:1.55;color:#526b80}.showcase{grid-template-columns:repeat(3,1fr)}.showcase a{min-height:320px;position:relative;transition:.2s}.showcase a:hover,.portfolio article:hover{background:var(--ice);color:var(--n)}.showcase h3{font-size:28px;margin:90px 0 12px}.showcase b{position:absolute;right:22px;bottom:20px;font:12px var(--mono)}.team{background:#07111d}.people{grid-template-columns:repeat(3,1fr)}.people article{min-height:180px;display:flex;flex-direction:column}.people h3{margin:auto 0 4px}.people p{margin:0}.faq h2{margin-bottom:60px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;font-size:17px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font:24px var(--mono)}details[open] summary span{transform:rotate(45deg)}details>p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.7;padding-bottom:28px}.contact{padding-block:120px;background:linear-gradient(120deg,#05080d,#08243d)}.contact>div{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.contact a{font-size:clamp(18px,2.2vw,30px);font-weight:700;border-bottom:2px solid;padding-bottom:7px}.footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;gap:34px;color:#9baab6;font-size:12px}.footer p{margin:0}.footer>div{display:flex;gap:22px;margin-left:auto}.footer small{margin-left:auto;font:11px var(--mono)}.projects-hero{position:relative;overflow:hidden;min-height:660px;padding-block:110px 70px;background:radial-gradient(ellipse at 80% 30%,#0a477b,#04070b 68%)}.projects-hero>*:not(.grid-field){position:relative;z-index:2}.projects-hero h1{max-width:1050px}.projects-hero>p:not(.overline){max-width:620px;color:var(--muted);font-size:17px;line-height:1.65}.filter{display:flex;gap:8px;margin-top:45px}.filter button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 15px;font:12px var(--mono);cursor:pointer}.filter button:hover,.filter button.active{background:var(--w);color:var(--n)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);padding-block:80px 130px;background:#07111d}.portfolio article{position:relative;min-height:300px;border:1px solid var(--line);margin:-1px 0 0 -1px;padding:24px;transition:.2s}.portfolio article[hidden]{display:none}.portfolio article>span{font:11px var(--mono);color:#8ba9be}.portfolio article>b{position:absolute;right:22px;top:22px;font:11px var(--mono)}.portfolio h2{font-size:25px;margin:85px 0 12px}.portfolio p{color:var(--muted);font-size:14px;line-height:1.6}.portfolio article>div{position:absolute;bottom:22px;font:10px var(--mono);color:#849bae}.portfolio article>a{position:absolute;right:22px;bottom:18px;font-size:22px}.portfolio article:hover p,.portfolio article:hover span{color:#506b81}
@media(max-width:900px){.header nav{display:none}.menu-toggle{display:block;margin-left:auto;margin-right:20px}.menu-open .header nav{display:flex;position:absolute;top:86px;left:0;right:0;padding:30px;flex-direction:column;background:#07111d}.hero-copy{width:100%}.hero-console{display:none}.split,.contact>div{display:block}.split>p{margin-top:25px}.pillars,.process ol,.showcase,.people,.portfolio{grid-template-columns:1fr 1fr}.service-list article{grid-template-columns:55px 1fr}.service-list b{grid-column:2;text-align:left}.contact a{display:inline-block;margin-top:45px}}
@media(max-width:600px){.wrap{padding-inline:18px}.header{height:70px}.brand span,.nav-cta{display:none}.menu-toggle{margin-right:0}.menu-open .header nav{top:70px}.hero{min-height:720px}.hero h1,.projects-hero h1{font-size:48px}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.hero-foot span:first-child{display:none}.hero-foot{justify-content:flex-end;left:18px;right:18px}.intro,.services,.process,.projects-preview,.team,.faq{padding-block:85px}.pillars,.process ol,.showcase,.people,.portfolio{grid-template-columns:1fr}.service-list article{grid-template-columns:38px 1fr}.service-list article:hover{padding-inline:0;background:none}.process li+li{border-left:0;border-top:1px solid rgba(6,23,41,.2);padding-left:0}.footer{flex-wrap:wrap;padding-block:25px}.footer>div{order:3;width:100%;margin-left:0}.footer small{margin-left:0}.projects-hero{min-height:650px;padding-top:90px}.filter{flex-wrap:wrap}.portfolio{padding-block:55px 90px}}