:root{--ink:#0c1025;--ink2:#141a34;--blue:#4473ba;--blue2:#5c89cb;--ice:#f4f7fb;--white:#fff;--text:#161a28;--muted:#687184;--line:#e2e7ef;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(9,13,32,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);transition:.3s}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.nav-logo{width:214px;display:block}.navlinks{display:flex;align-items:center;gap:27px;color:#fff;font-size:13px}.navlinks>a:not(.btn){opacity:.72;transition:.25s}.navlinks>a:hover,.navlinks>a.active{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:4px;background:var(--blue);color:#fff;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(68,115,186,.25);background:#4f7fc5}.btn.outline{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.38)}.btn.outline:hover{background:rgba(255,255,255,.1)}
.hero{min-height:780px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(7,10,28,.88),rgba(7,10,28,.42) 48%,rgba(7,10,28,.05) 76%),url('assets/hero.jpg') center 44%/cover no-repeat;background-attachment:fixed}
.hero-content{padding:170px 0 86px}.hero h1{font-size:clamp(54px,6.6vw,94px);line-height:.94;letter-spacing:-.06em;margin:16px 0 25px;max-width:800px}.hero p{font-size:19px;line-height:1.65;max-width:610px;color:#e7ebf2}.actions{display:flex;gap:12px;margin-top:32px}
.stats{background:linear-gradient(120deg,#fff 0%,#f6f8fc 100%);border-bottom:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:34px 0;border-right:1px solid var(--line)}.metric:not(:first-child){padding-left:42px}.metric:last-child{border:0}.metric strong{font-size:32px;display:block;letter-spacing:-.03em}.metric span{font-size:13px;color:var(--muted)}
section{padding:104px 0}.soft{background:linear-gradient(145deg,#f7f9fc,#eef3fa)}.dark{background:radial-gradient(circle at 82% 8%,#23365d 0,transparent 30%),linear-gradient(135deg,#0b0e22,#151a34 68%,#10172e);color:#fff}.blue{background:linear-gradient(135deg,#3d69ad,#527fc2);color:#fff}
.sectionhead{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:end;margin-bottom:50px}.sectionhead h2,.split h2,.cta h2{font-size:clamp(40px,4.7vw,64px);line-height:.98;letter-spacing:-.05em;margin:10px 0 0}.sectionhead p,.split p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.dark .sectionhead p,.dark .split p{color:#bec6d6}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:82px;align-items:center}.split img{width:100%;height:570px;object-fit:cover;border-radius:3px;box-shadow:0 30px 70px rgba(11,16,37,.12)}.split .copy p{font-size:17px;line-height:1.82}.split .copy .btn{margin-top:15px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pillar{padding:38px;background:rgba(255,255,255,.97);color:var(--text);min-height:315px;border-radius:5px;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}.pillar:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(0,0,0,.22)}.pillar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.35s}.pillar:hover:after{transform:scaleX(1)}.icon{width:54px;height:54px;border:1px solid #c8d7ed;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:24px;margin-bottom:48px;transition:.35s}.pillar:hover .icon{transform:rotate(6deg) scale(1.08);background:#eef4fc}.pillar h3{font-size:29px;margin:0 0 12px}.pillar p{color:var(--muted);line-height:1.65}
.project-preview{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-card{position:relative;min-height:590px;overflow:hidden;border-radius:5px;background:#111}.feature-card.small{min-height:590px}.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.feature-card:hover img{transform:scale(1.035)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(5,8,23,.92))}.cardcopy{position:absolute;z-index:2;left:32px;right:32px;bottom:30px;color:#fff}.cardcopy small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cbd8ee}.cardcopy h3{font-size:30px;line-height:1.08;margin:8px 0}
.pagehero{padding:185px 0 92px;background:radial-gradient(circle at 75% 0,#23365e 0,transparent 31%),linear-gradient(135deg,#0a0e22,#141a35);color:#fff}.pagehero h1{font-size:clamp(50px,5.7vw,76px);letter-spacing:-.055em;line-height:.96;margin:14px 0 20px}.pagehero p{max-width:760px;color:#c5ccda;line-height:1.75;font-size:18px}
.operational-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px}.op{height:430px;overflow:hidden;border-radius:3px}.op:nth-child(even){margin-top:35px}.op img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.op:hover img{transform:scale(1.045)}
.solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.solution{background:#fff;padding:38px;min-height:205px;transition:.3s}.solution:hover{background:#f7faff;transform:translateY(-2px)}.solution small{color:var(--blue);font-weight:800}.solution h3{font-size:25px;margin:40px 0 10px}.solution p{color:var(--muted);line-height:1.65;margin:0}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{min-height:520px;position:relative;overflow:hidden;background:#111;border-radius:4px}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.04)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(5,8,23,.92))}.projectcopy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}.projectcopy small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#c8d5ee}.projectcopy h3{font-size:27px;line-height:1.1;margin:8px 0}
.clients{background:#f5f7fb;border-radius:7px;padding:42px}.clients img{display:block;width:100%;mix-blend-mode:multiply}
.cta{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}.cta p{line-height:1.75;color:#e4ebf7}
footer{padding:54px 0;background:#080b1c;color:#fff}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.foot img{width:220px}.foot p{font-size:13px;color:#9fa8ba}.mobile{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){
 .wrap{width:calc(100% - 32px)}header{position:absolute}.nav{height:70px}.nav-logo{width:172px}.navlinks{display:none}.mobile{display:inline-flex;padding:11px 14px}
 .hero{min-height:100vh;min-height:100svh;height:auto;background-attachment:scroll;background-position:30% center;background-size:cover;background-repeat:no-repeat;background-image:linear-gradient(180deg,rgba(8,10,28,.06),rgba(8,10,28,.9) 70%),url('assets/hero.jpg')}.hero-content{padding:125px 0 52px}.hero h1{font-size:50px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:stretch;max-width:320px}
 .metrics{grid-template-columns:1fr}.metric,.metric:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}
 section{padding:70px 0}.sectionhead,.split,.cta{grid-template-columns:1fr;gap:30px}.sectionhead h2,.split h2,.cta h2{font-size:41px}.split img{height:450px}.pillars,.solutions,.projects,.project-preview{grid-template-columns:1fr}.pillar{min-height:255px}.project,.feature-card,.feature-card.small{min-height:440px}
 .operational-grid{grid-template-columns:1fr 1fr;gap:8px}.op,.op:nth-child(even){height:330px;margin:0}.pagehero{padding:130px 0 62px}.pagehero h1{font-size:49px}.clients{padding:18px;overflow:auto}.clients img{min-width:760px}.foot{display:block}.foot p{margin-top:25px}
}

.foot-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.foot-right p{margin:0}
.instagram{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;opacity:.72;transition:opacity .25s,transform .25s}
.instagram:hover{opacity:1;transform:translateY(-1px)}
.instagram svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:820px){
  .foot-right{align-items:flex-start;margin-top:24px}
}