:root{--navy:#082f49;--blue:#0369a1;--sky:#38bdf8;--red:#dc2626;--green:#16a34a;--dark:#061a2b;--light:#f4f7fa;--text:#172033}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.7}a{text-decoration:none;color:inherit}.topbar{background:var(--dark);color:#c8e5f2;font-size:.86rem;padding:7px 0}.topbar a{color:#fff}.navbar{background:#fff;padding:15px 0;box-shadow:0 5px 25px rgba(8,47,73,.08);position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:900;line-height:1.05;color:var(--navy)}.brand b{display:block;color:var(--blue)}.brand small{display:block;color:#7a8794;font-size:.52rem;letter-spacing:1.8px;margin-top:5px}.brand-mark{width:46px;height:46px;border-radius:7px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));font-size:.7rem}.navbar-nav>li>a{display:block;padding:10px 13px;border-radius:4px;font-size:.91rem;font-weight:800;color:#344054}.navbar-nav>li>a:hover,.navbar-nav>li>a.active{color:var(--blue);background:#edf8fd}.navbar-nav .nav-contact{color:#fff!important;background:var(--blue);margin-left:7px}.navbar-nav .nav-contact:hover{background:var(--navy)}h1,h2,h3{font-weight:850;line-height:1.12;color:var(--navy)}.eyebrow{font-size:.7rem;letter-spacing:2.5px;font-weight:900;color:#8ee5ff}.eyebrow.dark{color:var(--blue)}.hero{min-height:78vh;background:linear-gradient(120deg,#061a2b,#082f49 50%,#0369a1);color:#fff;overflow:hidden;position:relative}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(55deg) scale(1.7);transform-origin:center bottom}.hero-row{min-height:78vh}.hero h1{font-size:clamp(2.6rem,5.8vw,5.1rem);color:#fff;letter-spacing:-2px;margin:12px 0}.hero h1 span{display:block;color:#75dcff}.lead{color:#d7eaf3;max-width:720px}.btn{border-radius:4px;font-weight:850}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero .btn-primary{background:var(--sky);border-color:var(--sky);color:#06263a}.hero-specs{display:flex;gap:28px;margin-top:45px}.hero-specs div{border-left:2px solid #55c9f2;padding-left:13px}.hero-specs b{display:block;font-size:1.2rem}.hero-specs small{color:#b8d4e0}.struct-visual{height:410px;border:1px solid rgba(255,255,255,.25);background:rgba(3,24,39,.5);position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:rotate(2deg)}.struct-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,220,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,220,255,.08) 1px,transparent 1px);background-size:28px 28px}.visual-label{position:absolute;top:16px;left:18px;font-size:.6rem;letter-spacing:2px;color:#8ee5ff}.tower{position:absolute;left:135px;bottom:60px;width:170px;height:270px;border:3px solid #7ddcff;display:grid;grid-template-columns:repeat(2,1fr);gap:0;transform:skewY(-4deg)}.tower:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 49px,#7ddcff 50px 52px)}.tower i{border-right:2px solid #7ddcff;z-index:1}.beam{position:absolute;height:2px;background:#dc2626;width:80%}.b1{top:135px;left:10%}.b2{top:245px;left:10%;background:#16a34a}.b3{bottom:60px;left:10%;background:#38bdf8}.dimension{position:absolute;font-size:.58rem;letter-spacing:1.5px;color:#c7edf9}.dx{right:15px;top:140px}.dy{right:15px;bottom:78px}.section-pad{padding:90px 0}.section-heading{max-width:780px}.section-heading.text-center{margin:auto}.section-heading h2{font-size:clamp(2rem,4vw,3.1rem);margin:10px 0 15px}.section-heading p{color:#687386}.feature-card{height:100%;padding:28px;border:1px solid #e0e8ee;background:#fff;position:relative;transition:.25s}.feature-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--sky);transition:.25s}.feature-card.red:before{background:var(--red)}.feature-card.green:before{background:var(--green)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(8,47,73,.1)}.feature-card:hover:before{height:100%}.feature-card i{font-size:2rem;color:var(--blue)}.feature-card.red i{color:var(--red)}.feature-card.green i{color:var(--green)}.feature-card h3{font-size:1.15rem;margin:15px 0 7px}.feature-card p{margin:0;color:#687386;font-size:.9rem}.light-section{background:var(--light)}.system-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe5eb;background:#fff}.system-grid div{padding:23px;border-right:1px solid #e2e9ed;border-bottom:1px solid #e2e9ed;display:flex;gap:13px;align-items:center;font-weight:800}.system-grid b{font-size:.7rem;color:var(--blue)}.dark-section{background:var(--dark);color:#b8d2df}.dark-section h2{color:#fff}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.14)}.workflow>div{background:#061f31;padding:27px}.workflow span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0b3c57;color:#72dcff;font-weight:900}.workflow h3{color:#fff;font-size:1rem;margin:18px 0 8px}.workflow p{font-size:.85rem;color:#91adbc}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px;background:linear-gradient(120deg,#eefaff,#fff);border-left:5px solid var(--sky)}.cta-panel h2{margin:8px 0}.cta-panel p{margin:0;color:#667085}.page-hero{padding:95px 0;background:linear-gradient(120deg,#061a2b,#082f49 55%,#0369a1);color:#fff}.page-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.4rem);max-width:900px;margin:12px 0}.page-hero p{max-width:720px;color:#cfe3ec}.blueprint{height:420px;background:#062238;border:1px solid #0e5275;position:relative;overflow:hidden;background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:28px 28px}.bp-title{position:absolute;top:18px;left:20px;color:#8ee5ff;font-size:.65rem;letter-spacing:2px}.bp-building{position:absolute;left:100px;top:95px;width:280px;height:220px;border:2px solid #fff;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);transform:skewY(-7deg)}.bp-building span{border-right:1px solid #7ddcff;border-bottom:1px solid #7ddcff}.bp-lines{position:absolute;left:10%;right:10%;top:50%;border-top:1px dashed #7ddcff}.bp-note{position:absolute;right:20px;bottom:20px;color:#7ddcff;font-size:.65rem;letter-spacing:1px}.approach{height:100%;padding:28px;background:#fff;border-top:3px solid var(--blue)}.approach.greenline{border-color:var(--green)}.approach b{color:var(--blue)}.approach h3{font-size:1.1rem;margin-top:15px}.approach p{color:#667085;font-size:.9rem}.philosophy{display:flex;justify-content:space-between;align-items:center;padding:45px;border:1px solid #dce7ed;background:#f7fcfe}.philosophy i{font-size:4rem;color:var(--green)}.service-card{height:100%;padding:35px;border:1px solid #dfe8ee;background:#fff;position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(8,47,73,.1)}.service-card em{position:absolute;right:25px;top:25px;color:#b9cbd4;font-style:normal;font-weight:900}.service-card i{font-size:2.3rem;color:var(--blue)}.service-card h2{font-size:1.3rem;margin:17px 0 8px}.service-card p,.service-card li{font-size:.9rem;color:#667085}.service-card ul{padding-left:18px}.industry{height:100%;padding:30px;background:#fff;border:1px solid #dfe8ee;border-top:4px solid var(--blue)}.industry.red{border-top-color:var(--red)}.industry.green{border-top-color:var(--green)}.industry i{font-size:2.3rem;color:var(--blue)}.industry.red i{color:var(--red)}.industry.green i{color:var(--green)}.industry h2{font-size:1.1rem;margin:15px 0 7px}.industry p{color:#667085;font-size:.88rem}.project{height:100%;border:1px solid #dfe8ee;background:#fff;overflow:hidden}.project-art{height:180px;background:#062238;display:grid;place-items:center;position:relative;overflow:hidden}.project-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,220,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,220,255,.08) 1px,transparent 1px);background-size:24px 24px}.project-art i{position:relative;font-size:4.5rem;color:#72dcff}.art-steel i{color:#dc2626}.art-ind i{color:#16a34a}.art-found i{color:#38bdf8}.project h3{font-size:1.1rem;margin:22px 22px 7px}.project p{font-size:.88rem;color:#667085;margin:0 22px 23px}.notice{padding:22px;background:#eefaff;border:1px solid #c5eefa;color:#365568;display:flex;gap:14px}.notice i{color:var(--blue);font-size:1.4rem}.career-side{background:var(--dark);color:#c9e0ea;padding:40px;height:100%}.career-side>i{font-size:3rem;color:#72dcff}.career-side h2{color:#fff;margin-top:18px}.career-note{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:22px}.form-panel{padding:35px;border:1px solid #dfe8ee;background:#fff;box-shadow:0 18px 50px rgba(8,47,73,.07)}label{display:block;font-size:.84rem;font-weight:850;margin-bottom:6px;color:#344054}.form-control{border-radius:3px;padding:.72rem .85rem;border-color:#d3e0e7}.hp{position:absolute;left:-9999px}.contact-list>div{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #e2e9ed}.contact-list i{font-size:1.4rem;color:var(--blue)}.contact-list small{display:block;color:#8a98a8;font-size:.65rem;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}.contact-list a{display:block;color:var(--blue);font-weight:850}.map-wrap{height:420px}.map-wrap iframe{width:100%;height:100%;border:0}.site-footer{background:var(--dark);color:#a9c3d0;padding:65px 0 20px}.footer-brand{color:#fff}.footer-brand b{color:#72dcff}.site-footer h5{color:#fff;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase}.site-footer a{display:block;margin:7px 0}.site-footer a:hover{color:#72dcff}.site-footer p{font-size:.87rem}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;font-size:.75rem;color:#718d9c}@media(max-width:991px){.hero-row{padding:90px 0;min-height:auto}.workflow{grid-template-columns:1fr 1fr}.navbar-nav{padding-top:12px}.navbar-nav .nav-contact{margin:6px 0 0}}@media(max-width:575px){.section-pad{padding:65px 0}.page-hero{padding:70px 0}.hero h1{letter-spacing:-1px}.hero-specs{gap:15px}.system-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.form-panel{padding:22px}.bp-building{left:55px;width:240px}.brand{font-size:.76rem}.brand-mark{width:40px;height:40px}.brand small{font-size:.43rem}}
