*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#11233f;background:#fff}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #e7edf3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#11233f;font-weight:900;letter-spacing:1px;font-size:22px}.brand img{width:48px;height:48px;object-fit:contain}.brand span span{color:#17b8c7}.top nav{display:flex;gap:26px}.top nav a{text-decoration:none;color:#11233f;font-weight:700;font-size:14px}.hero{background:linear-gradient(135deg,#0c1f3c 0%,#132e53 65%,#0d6f80 100%);color:#fff;min-height:650px;display:flex;align-items:center}.hero-inner{width:min(1180px,90vw);margin:auto;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:60px}.eyebrow,.heading>span{color:#39d1d9;font-weight:900;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:18px 0 24px}.hero h1 em{font-style:normal;color:#54d8df}.hero p{font-size:18px;line-height:1.7;max-width:700px;color:#dbe7f2}.hero-mark{display:flex;justify-content:center}.hero-mark img{width:min(330px,70vw);filter:drop-shadow(0 24px 35px rgba(0,0,0,.22));background:#fff;border-radius:32px;padding:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{padding:15px 22px;border-radius:8px;background:#27c6d0;color:#08213c;text-decoration:none;font-weight:900}.btn.ghost{background:transparent;color:#fff;border:1px solid #6e879f}.section{padding:90px max(5vw,24px)}.heading{max-width:760px;margin-bottom:42px}.heading h2{font-size:clamp(34px,4vw,52px);margin:10px 0}.heading p{color:#637187}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services>div{border:1px solid #dfe8ef;padding:30px;border-radius:14px}.services b{color:#19aebe}.services h3{font-size:22px}.services p{color:#617087;line-height:1.6}.dark{background:#f3f7fa}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(18,40,66,.08)}.cover{display:block;border:0;padding:0;width:100%;height:280px;background:#dce5eb;cursor:pointer}.cover img{width:100%;height:100%;object-fit:cover}.project-body{padding:22px}.project-body h3{margin:0 0 10px;font-size:21px}.project-body p{color:#657387;line-height:1.55;margin:0 0 16px}.thumbs{display:flex;gap:7px;overflow:auto}.thumb{border:0;padding:0;width:54px;height:54px;flex:0 0 54px;border-radius:6px;overflow:hidden;cursor:pointer;background:#eee}.thumb img{width:100%;height:100%;object-fit:cover}.contact{padding:90px max(5vw,24px);background:#102845;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-size:clamp(38px,5vw,62px);margin:14px 0}.contact-links{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}.contact-links a{color:#55dbe1;font-size:clamp(22px,3vw,34px);font-weight:900;text-decoration:none}.contact-links p{color:#c6d4df}footer{padding:26px;text-align:center;color:#728094;font-size:13px}.lightbox{position:fixed;inset:0;background:rgba(2,10,20,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:22px;top:14px;border:0;background:none;color:#fff;font-size:48px;cursor:pointer}@media(max-width:900px){.top nav{display:none}.hero-inner{grid-template-columns:1fr}.hero-mark{display:none}.hero{min-height:600px}.services,.grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}}@media(max-width:620px){.top{height:68px}.brand img{width:42px;height:42px}.hero{min-height:560px}.hero h1{font-size:46px}.hero p{font-size:16px}.section{padding:65px 20px}.services,.grid{grid-template-columns:1fr}.cover{height:250px}.contact{padding:65px 20px}.contact-links a{font-size:22px}}