:root{--blue:#0b75b8;--deep:#073957;--green:#29b574;--ink:#092c40;--muted:#5f7180;--pale:#e9f7f2;--line:#dce8ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}h1,h2,h3,p{margin-top:0}.container{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.nav-wrap{border-bottom:1px solid #e9f0f2;background:#fff;position:sticky;top:0;z-index:10}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:21px;font-weight:700;text-decoration:none;letter-spacing:-.6px}.brand>span>span{color:var(--blue)}.brand-mark{width:35px;height:35px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{color:var(--ink);font-size:14px;text-decoration:none}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-cta{background:var(--deep);color:#fff!important;border-radius:30px;padding:12px 18px}.nav-cta span,.button span{margin-left:8px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:590px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-top:66px;padding-bottom:70px}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.eyebrow.green{color:var(--green)}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px}.hero h1{font-size:clamp(48px,6vw,77px);line-height:1.02;letter-spacing:-3px;margin:22px 0 25px}.hero h1 em{color:var(--blue);font-style:normal}.hero-text{color:var(--muted);font-size:18px;line-height:1.65;max-width:530px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:33px}.button{border:0;display:inline-block;border-radius:28px;padding:15px 23px;font:600 14px 'DM Sans';text-decoration:none;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#075f96}.button.light{background:#fff;color:var(--deep)}.text-link{color:var(--deep);font-size:14px;font-weight:600;text-decoration:none}.text-link span{color:var(--blue);font-size:20px;margin-left:8px}.hero-visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.globe{width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#59c6da 0,#1587b9 42%,#075078 100%);box-shadow:inset -35px -30px 55px #05334f,0 25px 55px #b4dbe7;overflow:hidden;position:relative}.grid-lines{position:absolute;inset:-10%;background:repeating-linear-gradient(0deg,transparent 0 37px,#ffffff28 38px 39px),repeating-linear-gradient(90deg,transparent 0 42px,#ffffff25 43px 44px);transform:rotate(-22deg)}.continent{position:absolute;background:#38b875;filter:drop-shadow(8px 8px 3px #064e63);border-radius:50% 30% 50% 25%}.c-one{width:120px;height:95px;left:54px;top:86px;transform:rotate(-28deg)}.c-two{width:85px;height:135px;right:56px;bottom:34px;transform:rotate(24deg)}.orbit{position:absolute;border:1px solid #8bcddd;border-radius:50%;width:430px;height:150px;transform:rotate(-27deg)}.orbit-two{width:410px;height:255px;transform:rotate(52deg);border-color:#c8e9e8}.satellite{position:absolute;top:38px;right:80px;color:var(--green);font-size:42px}.data-chip{position:absolute;background:#fff;border-radius:12px;box-shadow:0 12px 30px #0b517b20;padding:12px 15px;font-size:10px;letter-spacing:1px;color:var(--muted);line-height:1.5}.data-chip strong{color:var(--deep);font-size:16px;letter-spacing:0}.chip-one{left:10px;top:112px}.chip-two{right:0;bottom:78px}.trust-strip{background:var(--pale);padding:24px 0}.trust-content{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.trust-content strong{color:var(--deep);font-size:13px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:48px}.section h2,.feature-section h2,.contact-section h2{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:16px 0}.section h2 span,.feature-section h2 span{color:var(--blue)}.section-heading>p{color:var(--muted);font-size:17px;line-height:1.6;max-width:390px;margin-bottom:4px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.solution-card{min-height:355px;border-radius:14px;padding:28px 25px;display:flex;flex-direction:column}.solution-card h3{font-size:23px;line-height:1.1;margin:18px 0 14px;letter-spacing:-.8px}.solution-card>p:not(.card-number){font-size:14px;line-height:1.55;margin-bottom:20px}.solution-card a{font-size:13px;font-weight:700;text-decoration:none;margin-top:auto}.solution-card a span{font-size:18px;margin-left:8px}.card-icon{font-size:33px;height:38px}.card-number{font:700 11px 'DM Sans';letter-spacing:1px;margin:10px 0 0;opacity:.7}.blue-card{background:#e2f3f9;color:var(--deep)}.blue-card a{color:var(--blue)}.green-card{background:var(--green);color:#fff}.green-card a,.dark-card a{color:#fff}.dark-card{background:var(--deep);color:#fff}.pale-card{background:#f2f7f7;color:var(--deep)}.pale-card a{color:var(--blue)}.feature-section{background:var(--deep);color:#fff;padding:105px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-section h2 span{color:#72d6ad}.feature-text{color:#b8ced8;line-height:1.7;max-width:440px;margin:23px 0 30px}.method-list{border-top:1px solid #ffffff35}.method-list>div{display:flex;gap:27px;padding:23px 0;border-bottom:1px solid #ffffff35}.method-list b{color:#72d6ad;font-size:13px}.method-list strong,.method-list small{display:block}.method-list small{color:#b8ced8;margin-top:6px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:95px}.about-copy{padding-top:31px}.about-copy p{color:var(--muted);line-height:1.7;font-size:16px}.stats{display:flex;gap:70px;margin-top:35px}.stats strong,.stats small{display:block}.stats strong{font:700 26px 'Space Grotesk';color:var(--blue)}.stats small{font-size:12px;color:var(--muted);margin-top:5px}.contact-section{background:#eef8f7;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-section h2{color:var(--deep)}.contact-section>div>div>p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:400px}.contact-section form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 15px 40px #1e6d7512}.contact-section label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}.contact-section input,.contact-section textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;margin-top:7px;font:14px 'DM Sans';color:var(--ink)}.contact-section textarea{resize:vertical}.contact-section input:focus,.contact-section textarea:focus{outline:2px solid #8bd7bd;border-color:var(--green)}.form-message{font-size:13px;color:var(--green);margin:14px 0 0}footer{background:#062d44;color:#b8ced8;padding:28px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner .brand{color:#fff}.footer-inner p{margin:0;font-size:13px}.footer-inner small{margin-left:auto;font-size:11px}@media(max-width:800px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:22px 28px;border-bottom:1px solid var(--line);gap:20px}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:370px;order:-1}.globe{width:260px;height:260px}.orbit{width:340px}.section-heading,.feature-grid,.about-section,.contact-grid{grid-template-columns:1fr;gap:25px}.solution-grid{grid-template-columns:1fr 1fr}.section h2,.feature-section h2,.contact-section h2{font-size:43px}.footer-inner{flex-wrap:wrap}.footer-inner small{margin-left:0;width:100%}}@media(max-width:500px){.container{padding-left:20px;padding-right:20px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-visual{transform:scale(.84);margin:-30px -40px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:290px}.section{padding-top:75px;padding-bottom:75px}.contact-section{padding:75px 0}.hero-actions{gap:18px;flex-wrap:wrap}}

/* Globe presentation. */
.hero-visual{isolation:isolate}
.globe{z-index:1;background:#0e729e;box-shadow:inset 0 0 20px #ffffff80,0 0 0 2px #b7e9ec,0 0 32px #54b9cb80,0 25px 55px #b4dbe7;overflow:hidden}
.globe canvas{width:100%;height:100%;display:block}
.orbit{z-index:0;pointer-events:none}
.data-chip{z-index:2}
.stats{gap:32px;flex-wrap:wrap}
.stats>div:last-child strong{font-size:clamp(16px,1.8vw,21px);white-space:nowrap}

/* Phone layout */
@media (max-width: 600px) {
  .container { padding-left: 18px; padding-right: 18px; }
  .nav { height: 64px; }
  .nav-links { top: 64px; }

  .hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 20px;
    padding-top: 48px;
    padding-bottom: 58px;
  }
  .hero h1 {
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1.08;
    letter-spacing: -1.5px;
  }
  .hero-text { font-size: 16px; }
  .hero-actions { gap: 18px; flex-wrap: wrap; }

  .hero-visual {
    order: 0;
    width: 100%;
    height: 310px;
    transform: none;
    margin: 0;
  }
  .globe {
    width: min(72vw, 250px);
    height: min(72vw, 250px);
    flex: 0 0 auto;
  }
  .chip-two { right: 0; bottom: 0; padding: 9px 11px; }
  .data-chip strong { font-size: 13px; }

  .trust-content { justify-content: flex-start; gap: 12px 18px; }
  .section h2, .feature-section h2, .contact-section h2 { font-size: 38px; }
  .section-heading { gap: 15px; }
  .solution-grid { grid-template-columns: 1fr; }
  .feature-section { padding: 70px 0; }
  .stats { gap: 22px; }
  .stats > div:last-child strong { white-space: normal; overflow-wrap: anywhere; }
  .contact-section form { min-width: 0; padding: 22px; }
  .footer-inner { gap: 12px; }
}

/* SpaceVexa 2026 brand update */
.brand-logo img{display:block;width:190px;height:58px;object-fit:contain;object-position:left center}
.nav .brand-logo{height:64px;overflow:hidden}
.nav .brand-logo img{transform:scale(1.45);transform-origin:left center}
.five-products{grid-template-columns:repeat(5,1fr)}
.hydro-card{background:linear-gradient(145deg,#dff5f7,#dff6ec);color:var(--deep);border:1px solid #c7ebe5}
.hydro-card a{color:var(--blue)}
.official-email{margin-top:28px!important}.official-email a{color:var(--blue);font-weight:700;text-decoration:none}.official-email a:hover{text-decoration:underline}
.footer-logo{width:145px;height:48px;overflow:hidden}.footer-logo img{width:145px;height:48px;object-fit:contain;transform:scale(1.45);transform-origin:left center;filter:brightness(1.15)}
footer a{color:#9ad9f2;text-decoration:none}
@media(max-width:1050px){.five-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.five-products{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav .brand-logo img{width:155px;height:54px}.five-products{grid-template-columns:1fr}.footer-logo{width:130px}}


/* Web-first SpaceVexa brand lockup — compact, responsive, no raster-logo clipping */
.brand-web{display:inline-flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
.brand-copy{display:flex;flex-direction:column;line-height:1;min-width:0}
.brand-copy strong{font:700 24px/1 'Space Grotesk',sans-serif;letter-spacing:.7px;color:#073957;white-space:nowrap}
.brand-copy strong span{color:#0b75b8}
.brand-copy small{font:600 9px/1.25 'DM Sans',sans-serif;letter-spacing:1.05px;color:#4e7385;text-transform:uppercase;margin-top:5px;white-space:nowrap}
.brand-orbit{position:relative;display:block;width:42px;height:42px;flex:0 0 42px;border:2px solid #0b75b8;border-radius:50%;transform:rotate(-15deg)}
.brand-orbit:before{content:"";position:absolute;left:-7px;right:-7px;top:18px;height:7px;border:2px solid #29b574;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-13deg)}
.brand-earth{position:absolute;width:25px;height:25px;border-radius:50%;left:7px;top:7px;background:linear-gradient(145deg,#16a2cf 0 48%,#29b574 49% 67%,#0872a8 68%);box-shadow:inset -4px -3px 7px #064b70}
.brand-sat{position:absolute;width:6px;height:6px;background:#073957;border-radius:1px;right:-4px;top:4px;box-shadow:-5px 0 0 -1px #0b75b8,5px 0 0 -1px #0b75b8}
.nav .brand-web{height:auto;overflow:visible}
.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#9fc5d4}.footer-brand .brand-orbit{border-color:#67c4e4}
@media(max-width:600px){.brand-web{gap:9px}.brand-orbit{width:35px;height:35px;flex-basis:35px}.brand-earth{width:21px;height:21px;left:5px;top:5px}.brand-orbit:before{top:14px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:7px;letter-spacing:.72px;margin-top:4px}.footer-brand .brand-copy small{white-space:normal}}

/* SpaceVexa official logo */
.brand-web{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.site-logo{display:block;width:250px;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.nav{min-height:92px}
.nav .brand-web{overflow:visible}
.footer-logo{width:230px;filter:none}
@media(max-width:900px){.site-logo{width:205px;max-height:70px}.nav{min-height:80px}}
@media(max-width:600px){.site-logo{width:165px;max-height:60px}.nav{min-height:70px}.footer-logo{width:180px}}
\n\n/* =========================================================\n   SPACEVEXA PROFESSIONAL HEADER / LOGO\n   ========================================================= */\n.nav-wrap {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  background: rgba(255,255,255,.96);\n  border-bottom: 1px solid #e6eef2;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.nav {\n  min-height: 92px;\n  height: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n}\n\n.brand-web {\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  text-decoration: none;\n}\n\n.site-logo {\n  display: block;\n  width: 190px;\n  height: auto;\n  max-height: 78px;\n  object-fit: contain;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 30px;\n  margin-left: auto;\n}\n\n.nav-links a {\n  position: relative;\n  color: #17384b;\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: color .2s ease;\n}\n\n.nav-links a:not(.nav-cta)::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 100%;\n  bottom: -7px;\n  height: 2px;\n  background: #0b75b8;\n  transition: right .2s ease;\n}\n\n.nav-links a:not(.nav-cta):hover::after { right: 0; }\n\n.nav-cta {\n  padding: 12px 19px !important;\n  border-radius: 999px;\n  background: #073957;\n  color: #fff !important;\n  box-shadow: 0 8px 22px rgba(7,57,87,.12);\n}\n\n.nav-cta:hover { background: #0b75b8; }\n\n.footer-brand .site-logo {\n  width: 150px;\n  max-height: 64px;\n}\n\n@media (max-width: 800px) {\n  .nav { min-height: 76px; }\n  .site-logo { width: 150px; max-height: 64px; }\n  .nav-links { top: 76px; }\n}\n\n@media (max-width: 500px) {\n  .nav { min-height: 70px; }\n  .site-logo { width: 132px; max-height: 58px; }\n  .nav-links { top: 70px; }\n  .menu-toggle { color: #073957; }\n}\n