:root{--navy:#0b145c;--navy2:#08114d;--txt:#f7f4ea;--muted:#d6d8ec;--line:rgba(255,255,255,.34);--paper:#f2efe8}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--navy);color:var(--txt);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(8,17,77,.97);border-bottom:1px solid rgba(255,255,255,.1)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{width:118px;height:auto}.menu{display:flex;gap:28px;font-size:14px}.menu a:hover{opacity:.7}.menuBtn{display:none;background:none;border:0;color:white;font-size:26px}
.hero{padding:70px 0 0}.hero h1{margin:0 0 42px;font-size:clamp(54px,7vw,104px);font-weight:400;line-height:.94;letter-spacing:-.045em;max-width:1120px}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end;margin-bottom:26px}.intro p{margin:0;max-width:620px;font-size:20px;line-height:1.35;color:var(--muted)}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 28px;background:var(--paper);color:var(--navy);border-radius:3px;justify-self:end}
.heroImg{display:block;width:100%;aspect-ratio:16/7.2;object-fit:cover}
.block{padding:82px 0}.block h2,.cta h2{margin:0 0 34px;font-size:clamp(40px,4.4vw,68px);font-weight:400;letter-spacing:-.035em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.card{border:1px solid var(--line);padding:28px;min-height:250px}.card.second{margin-top:90px}.card h3{margin:0 0 74px;font-size:17px;font-weight:500}.card p{margin:0;font-size:18px;line-height:1.27}
.splitHead{display:grid;grid-template-columns:1.6fr .7fr;gap:58px;align-items:start}.splitHead p{margin:8px 0 0;color:var(--muted);font-size:18px;line-height:1.4}
.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1.05fr 1fr;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}.service h3{margin:0;font-size:25px;font-weight:400}.service p{margin:0;color:var(--muted);line-height:1.4}
.lifecycle{padding:72px 0 104px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.lifeTitle{font-size:clamp(50px,6vw,84px);line-height:.95;letter-spacing:-.04em;grid-row:span 3}.lifeBox{border:1px solid var(--line);padding:32px;min-height:180px}.lifeBox h3{margin:0 0 46px;font-size:26px;font-weight:400}.lifeBox p{margin:0;color:var(--muted);line-height:1.4}.muted{color:var(--muted)}
.cta{text-align:center;padding:100px 0 120px}.cta .btn{justify-self:auto}.footer{background:var(--navy2);border-top:1px solid rgba(255,255,255,.24);padding:30px 0 50px}.footerIn{display:flex;justify-content:space-between;gap:30px;color:var(--muted);line-height:1.6}
@media(max-width:760px){.nav{height:72px}.logo{width:96px}.menuBtn{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy2);padding:24px 4vw;flex-direction:column;gap:18px}.menu.open{display:flex}.hero{padding-top:42px}.hero h1{font-size:48px}.intro{grid-template-columns:1fr;gap:20px}.intro p{font-size:17px}.btn{justify-self:start}.heroImg{aspect-ratio:4/3}.cards{grid-template-columns:1fr}.card,.card.second{margin-top:0;min-height:auto}.card h3{margin-bottom:46px}.splitHead{grid-template-columns:1fr;gap:12px}.service{grid-template-columns:40px 1fr}.service p{grid-column:2}.lifecycle{grid-template-columns:1fr}.lifeTitle{grid-row:auto}.footerIn{flex-direction:column}}