*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102033;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.navbar{height:86px;background:#082b3e;color:#fff;display:flex;align-items:center;padding:0 5%;gap:28px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14}.brand{width:250px;position:relative;display:flex;align-items:center;height:70px}.brand img{width:210px;max-height:62px;object-fit:contain;object-position:left center}.brand-sub{position:absolute;left:51px;bottom:0;font-size:8px;letter-spacing:2.6px;color:#a8cbd9;font-weight:600;white-space:nowrap}nav{display:flex;justify-content:center;gap:25px;flex:1}nav a{font-size:14px;color:#eaf3f7;padding:31px 0;position:relative}nav a:hover{color:#5ee1ff}nav a.active:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:3px;background:#34c9f2;border-radius:4px}.btn{display:inline-block;background:#12aee0;color:#032033;padding:12px 23px;border-radius:7px;font-weight:800;border:1px solid #12aee0;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.outline{background:transparent;color:#fff;border-color:#7baebe}.hero{background:#082b3e;color:#fff;min-height:560px;padding:80px 7%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1,.page-hero h1{font-size:60px;line-height:1.08;margin:12px 0 22px;letter-spacing:-2px}.hero h1 span,.page-hero h1 span{color:#43d5f7}.lead{max-width:620px;font-size:18px;color:#c8dbe3}.eyebrow{color:#36caef;font-weight:800;letter-spacing:2px;font-size:12px}.actions{display:flex;gap:14px;margin-top:30px}.hero-orbit{width:440px;height:440px;border:1px solid #27bfe766;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 90px #13bde822 inset}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #55dcff55;border-radius:50%;transform:rotate(30deg)}.hero-orbit:before{inset:55px}.hero-orbit:after{inset:115px;transform:rotate(-30deg)}.orbit-core{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:#0b4d67;border:1px solid #4ce2ff;color:#66e4ff;font-size:42px;font-weight:900;box-shadow:0 0 55px #1bc9ee55}.section{padding:80px 7%}.section.light{background:#f3f7f9}.section-title{text-align:center;max-width:800px;margin:0 auto 45px}.section-title h2,h2{font-size:38px;line-height:1.2;margin:8px 0 15px}.section-title p:not(.eyebrow){color:#617386}.grid{display:grid;gap:20px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.card,.service,.project,.job{background:#fff;border:1px solid #dce7ec;border-radius:12px;padding:28px;box-shadow:0 12px 30px #0a304012}.card h3,.service h3,.project h3{margin:10px 0}.card p,.service p,.project p{color:#607284}.card a,.service a{color:#0797c6;font-weight:800}.icon{width:48px;height:48px;border-radius:10px;background:#e7f8fc;color:#0799c9;display:grid;place-items:center;font-size:22px}.band{padding:32px 7%;background:#061f2d;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.band b{display:block;font-size:36px;color:#47d5f6}.band span{color:#abc1ca}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{padding:30px;background:#f3f7f9;border-radius:12px;text-align:center}.stats b{display:block;font-size:38px;color:#0799c9}.stats span{font-weight:700}.feature-box{padding:50px;background:#082b3e;color:#fff;border-radius:18px}.mini{width:60px;height:60px;border:2px solid #38d0f4;border-radius:14px;display:grid;place-items:center;color:#43d5f7;font-size:30px;font-weight:900}.page-hero{background:#082b3e;color:#fff;min-height:330px;padding:65px 7%;display:block}.page-hero h1{font-size:54px}.page-hero p:not(.eyebrow){max-width:750px;color:#c8dbe3;font-size:18px}.service{min-height:230px}.service>span{color:#0799c9;font-weight:900;letter-spacing:2px}.project{padding:0 0 25px;overflow:hidden}.project h3,.project p{margin-left:22px;margin-right:22px}.project-image{height:170px;background:linear-gradient(135deg,#082b3e,#0c7694);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:3px}.cta{margin:0 7% 70px;padding:35px 45px;background:#e8f8fc;border:1px solid #c8edf5;border-radius:15px;display:flex;align-items:center;gap:25px}.cta h2{margin:0;flex:1;font-size:28px}.cta p{flex:2}.jobs{max-width:950px;margin:auto;display:grid;gap:15px}.job{display:flex;justify-content:space-between;align-items:center}.job h3{margin:0}.job p{margin:4px 0;color:#65778a}.contact-form{display:grid;gap:15px}.contact-form input,.contact-form textarea{width:100%;padding:15px;border:1px solid #d3e0e6;border-radius:8px;font:inherit}.contact-form textarea{resize:vertical}footer{background:#061b27;color:#a9bdc7;text-align:center;padding:25px}@media(max-width:1000px){nav{display:none}.navbar{justify-content:space-between}.hero{padding:60px 5%}.hero-orbit{display:none}.grid.four,.grid.three{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.band{grid-template-columns:repeat(2,1fr);gap:25px}}@media(max-width:600px){.brand{width:200px}.brand img{width:175px}.brand-sub{left:42px;font-size:6.5px}.hero h1,.page-hero h1{font-size:40px}.section-title h2,h2{font-size:30px}.grid.four,.grid.three{grid-template-columns:1fr}.band{grid-template-columns:1fr 1fr}.cta{margin:0 5% 50px;padding:25px;display:block}.cta .btn{margin-top:15px}}
/* ================================
   MOBILE NAVIGATION
   ================================ */

#menu-checkbox {
  display: none;
}

.menu-toggle {
  display: none;
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  line-height: 1;
  padding: 5px;
}

/* Tablet and Mobile */
@media (max-width: 1000px) {

  .navbar {
    height: auto;
    min-height: 86px;
    position: sticky;
    top: 0;
    flex-wrap: wrap;
    padding: 10px 5%;
  }

  .menu-toggle {
    display: block;
    margin-left: auto;
  }

  .navbar nav {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 0;
    flex: none;
    padding: 10px 0 5px;
  }

  .navbar nav a {
    display: block;
    width: 100%;
    padding: 12px 5px;
    font-size: 15px;
    border-bottom: 1px solid #ffffff20;
  }

  .navbar nav a:last-child {
    border-bottom: none;
  }

  .nav-contact {
    display: none;
  }

  /* Show menu when checkbox is selected */
  #menu-checkbox:checked ~ nav {
    display: flex;
  }

  /* Change ☰ to X */
  #menu-checkbox:checked + .menu-toggle {
    font-size: 0;
  }

  #menu-checkbox:checked + .menu-toggle::after {
    content: "✕";
    font-size: 28px;
  }
}

/* Smaller phones */
@media (max-width: 600px) {

  .navbar {
    padding: 8px 5%;
  }

  .brand {
    width: 200px;
    height: 65px;
  }

  .brand img {
    width: 175px;
  }

  .brand-sub {
    left: 42px;
    font-size: 6.5px;
  }

  .menu-toggle {
    font-size: 28px;
  }

}