:root{
  --bg:#01070c;
  --text:#f6f8fb;
  --muted:#bec9d4;
  --blue:#71baff;
  --blue2:#5eb5ff;
  --line:rgba(115,190,247,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 74% 16%,rgba(15,66,102,.17),transparent 32%),#01070c;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.page-shell{width:min(1100px,calc(100% - 68px));margin-inline:auto}

/* Header */
.site-header{height:72px;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;position:relative;z-index:50}
.brand img{width:142px;height:auto}
.main-nav{display:flex;justify-content:center;gap:42px;font-size:13px;color:#f0f2f5}
.main-nav a{position:relative;padding:19px 0 14px}
.main-nav a::after{content:"";position:absolute;bottom:6px;height:2px;left:50%;right:50%;background:#70bfff;box-shadow:0 0 10px #53b5ff;transition:.2s}
.main-nav a:hover::after,.main-nav a.active::after{left:0;right:0}
.header-cta{justify-self:end;border:1px solid #64b8ff;border-radius:999px;padding:13px 27px;font-weight:650;font-size:13px;box-shadow:0 0 18px rgba(70,169,255,.38),inset 0 0 15px rgba(70,169,255,.08);white-space:nowrap}
.menu-toggle{display:none}

/* Hero */
.hero{height:440px;position:relative;isolation:isolate}
.hero-copy{position:absolute;z-index:3;left:0;top:34px;width:350px}
.eyebrow{margin:0;font-size:10px;letter-spacing:4.25px;font-weight:600;color:#c4cfda;white-space:nowrap}
.hero h1{margin:25px 0 18px;font-size:54px;line-height:1.02;letter-spacing:-2.65px;font-weight:300}
.hero h1 span{color:#72b6ff}
.hero-description{margin:0 0 26px;font-size:15px;line-height:1.48;color:#d2d7dd}
.primary-button{height:46px;min-width:260px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;border:1px solid #68bdff;border-radius:999px;font-size:14px;font-weight:650;box-shadow:0 0 10px #3aa7ff,0 0 29px rgba(58,167,255,.43),inset 0 0 17px rgba(80,180,255,.08)}
.primary-button span{font-size:20px;color:#b0dbff}
.earth-stage{position:absolute;z-index:1;right:-3px;top:0;width:810px;height:440px;overflow:hidden}
.earth-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#01070c 0%,rgba(1,7,12,.58) 7%,transparent 17%);pointer-events:none}
.earth-stage img{width:100%;height:100%;object-fit:cover;object-position:center center}

/* Products */
.products{padding-top:6px}
.products-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.view-all{font-size:13px;color:#cfe8ff}.view-all span{margin-left:12px;font-size:20px;color:#8dcaff}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-card{overflow:hidden;border-radius:14px;border:1px solid rgba(115,190,247,.36);background:#06121c;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.product-card img{width:100%;height:auto}

/* Four-value strip */
.values{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 27px;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.75)}
.value-item{text-align:center;min-height:105px;padding:0 18px;position:relative}
.value-item+ .value-item::before{content:"";position:absolute;left:0;top:6px;height:86px;width:1px;background:rgba(149,170,187,.27)}
.value-item img{height:38px;width:auto;margin:0 auto 7px;object-fit:contain}
.value-item h2{margin:0 0 8px;font-size:10px;letter-spacing:3.2px;font-weight:650;color:#e4ebf1}
.value-item h2 span{color:#72bfff}
.value-item p{margin:0;color:#aeb8c2;font-size:11.5px;line-height:1.45}
.mobile-about{display:none}

/* Loading screen */
.loader{position:fixed;inset:0;background:#01060b;z-index:9999;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease}
.loader.hidden{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-logo{width:190px;margin:0 auto 38px}.loader-ring{width:68px;height:68px;border-radius:50%;border:4px solid #09243b;margin:0 auto 24px;position:relative}.loader-ring span{position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;border-top-color:#72c8ff;border-right-color:#72c8ff;filter:drop-shadow(0 0 6px #53b8ff);animation:spin .85s linear infinite}.loader p{font-size:9px;letter-spacing:4.5px;color:#c9d5df}@keyframes spin{to{transform:rotate(360deg)}}

@media (min-width:1000px) and (max-height:820px){
  .site-header{height:64px}.hero{height:405px}.hero-copy{top:22px}.hero h1{font-size:50px;margin-top:20px}.earth-stage{height:405px}.values{padding-top:20px;padding-bottom:18px}.value-item{min-height:92px}
}

/* Tablet/mobile: designed as a real mobile layout, not a shrunken desktop */
@media(max-width:820px){
  .page-shell{width:calc(100% - 28px)}
  .site-header{height:70px;grid-template-columns:auto auto}.brand img{width:118px}.header-cta{display:none}
  .menu-toggle{display:flex;justify-self:end;flex-direction:column;gap:5px;width:38px;height:38px;border:1px solid rgba(103,187,255,.34);border-radius:12px;background:rgba(5,16,25,.55);align-items:center;justify-content:center}.menu-toggle span{width:18px;height:1.5px;background:#e9f2fa}
  .main-nav{display:none;position:absolute;top:64px;left:14px;right:14px;flex-direction:column;gap:0;padding:10px 18px;background:rgba(1,8,14,.97);border:1px solid rgba(102,184,246,.27);border-radius:14px;backdrop-filter:blur(18px)}.main-nav.open{display:flex}.main-nav a{padding:12px 4px}
  .hero{height:auto;padding-top:18px;display:flex;flex-direction:column}.hero-copy{position:relative;left:auto;top:auto;width:100%;z-index:3}.eyebrow{font-size:8px;letter-spacing:2.7px;white-space:normal}.hero h1{font-size:44px;letter-spacing:-2px;margin:18px 0 16px}.hero-description{font-size:14px;line-height:1.45;margin-bottom:22px}.desktop-break{display:none}.primary-button{height:44px;min-width:220px;font-size:13px}
  .earth-stage{position:relative;right:auto;top:auto;width:calc(100% + 28px);height:auto;margin:22px -14px 0;overflow:hidden}.earth-stage::after{background:linear-gradient(180deg,#01070c 0%,transparent 13%,transparent 87%,#01070c 100%)}.earth-stage img{width:100%;height:auto;object-fit:contain}
  .products{padding-top:14px}.products-heading{margin-bottom:10px}.product-grid{grid-template-columns:1fr;gap:14px}.product-card{border-radius:13px}
  .values{grid-template-columns:1fr 1fr;gap:0;padding:20px 0 16px}.value-item{padding:18px 10px;min-height:145px}.value-item+ .value-item::before{display:none}.value-item:nth-child(odd){border-right:1px solid rgba(149,170,187,.22)}.value-item:nth-child(n+3){border-top:1px solid rgba(149,170,187,.22)}.value-item img{height:42px;margin-bottom:9px}.value-item h2{font-size:9px;letter-spacing:2.5px}.value-item p{font-size:11px}.mobile-about{display:flex;padding:28px 0 34px;align-items:center;justify-content:center;flex-direction:column;gap:10px}.mobile-about img{width:130px}.mobile-about p{margin:0;font-size:9px;letter-spacing:3.5px;color:#9fb0bf}
}

@media(max-width:430px){
  .hero h1{font-size:40px}.hero-description{font-size:13.5px}.products-heading .eyebrow{font-size:8px}.view-all{font-size:12px}.values{grid-template-columns:1fr}.value-item{min-height:0;padding:20px 12px}.value-item:nth-child(odd){border-right:0}.value-item:nth-child(n+2){border-top:1px solid rgba(149,170,187,.22)}
}