:root{
  --bg:#030708;
  --bg2:#06100f;
  --panel:rgba(4,13,14,.74);
  --panel2:rgba(7,18,18,.86);
  --line:rgba(150,215,195,.15);
  --line2:rgba(94,229,166,.38);
  --text:#e9efec;
  --muted:#9fa9a4;
  --soft:#c7d2ce;
  --green:#64e6ad;
  --green2:#3bcf8f;
  --blue:#168cff;
  --gold:#cdbb82;
  --warn:#ef7a55;
  --max:1500px;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 10% 27%,rgba(218,185,105,.13),transparent 17%),
    radial-gradient(circle at 64% 22%,rgba(22,140,255,.16),transparent 31%),
    linear-gradient(180deg,#020607 0%,#06100f 52%,#020607 100%);
  color:var(--text);
  font-family:var(--sans);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(3,7,8,.88);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:16px;min-width:260px}
.logo-mark{width:58px;height:32px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:skewY(-9deg)}
.logo-mark i{display:block;background:linear-gradient(135deg,#e3eadf,#6e7770);border-radius:1px;opacity:.9}
.logo-mark i:nth-child(3),.logo-mark i:nth-child(4){transform:translateX(-8px)}
.brand-title{display:block;font:17px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase}
.brand-sub{display:block;margin-top:6px;font:9px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#a6aaa4}
.navlinks{display:flex;align-items:center;gap:34px;font:12px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#d5dbd8}
.navlinks a:not(.nav-cta){opacity:.88}
.navlinks a:hover{color:#fff;opacity:1}
.nav-cta{padding:14px 22px;border:1px solid var(--line2);border-radius:2px;color:#dfffee;background:rgba(94,229,166,.035)}
.nav-ops{border-color:rgba(205,187,130,.45);color:#f0e4b8;background:rgba(205,187,130,.04)}
.hero{
  position:relative;
  min-height:625px;
  padding:70px 0 34px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(94,229,166,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,229,166,.018) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.75;
}
.hero::after{
  content:"";position:absolute;inset:auto -8% 0 -8%;height:58%;
  background:
    radial-gradient(ellipse at 17% 70%,rgba(230,178,86,.25),transparent 10%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.40)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 420'%3E%3Cpath fill='%23081212' d='M0 310 L80 230 L170 290 L245 185 L330 310 L430 215 L520 300 L610 190 L710 325 L840 250 L950 320 L1045 205 L1125 310 L1260 220 L1360 330 L1460 210 L1600 315 L1600 420 L0 420z'/%3E%3Cpath fill='%23111b1b' opacity='.75' d='M0 345 L120 260 L220 330 L320 250 L440 350 L545 270 L660 340 L780 265 L920 350 L1040 275 L1180 345 L1300 265 L1420 350 L1600 270 L1600 420 L0 420z'/%3E%3C/svg%3E") bottom center/cover no-repeat;
  opacity:.95;
}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:48px;align-items:start}
.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px;font:11px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:#a8f4cf}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}
.hero-title{
  position:relative;
  max-width:650px;margin:0;
  font:300 clamp(43px,4.3vw,70px)/1.19 var(--mono);
  letter-spacing:.18em;text-transform:uppercase;color:#edf2ef;
}
.hero-title::before{content:"";position:absolute;left:-36px;top:-28px;width:18px;height:18px;border-left:1px solid rgba(230,239,236,.55);border-top:1px solid rgba(230,239,236,.55)}
.hero-title::after{content:"";position:absolute;right:10px;top:-28px;width:18px;height:18px;border-right:1px solid rgba(230,239,236,.55);border-top:1px solid rgba(230,239,236,.55)}
.hero-title .blue{color:var(--blue);text-shadow:0 0 22px rgba(22,140,255,.32)}
.hero-title .green-dot{color:var(--green)}
.hero-rule{display:flex;align-items:center;gap:12px;margin:20px 0 24px;color:var(--gold)}
.hero-rule::before,.hero-rule::after{content:"";width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(205,187,130,.72),transparent)}
.hero-rule i{width:6px;height:6px;border-radius:50%;background:#e7d59b;box-shadow:0 0 18px rgba(205,187,130,.58)}
.lead{max-width:610px;margin:0 0 26px;color:#c5ceca;font-size:16.5px;line-height:1.64}
.actions{display:flex;gap:18px;flex-wrap:wrap;margin:26px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:222px;height:48px;padding:0 24px;border:1px solid var(--line2);border-radius:2px;font:12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;background:rgba(4,14,14,.54)}
.btn.primary{color:#c5ffdf;border-color:rgba(94,229,166,.45);box-shadow:inset 0 0 20px rgba(94,229,166,.07)}
.btn.ghost{color:#cbd4d0;border-color:rgba(210,235,225,.16)}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(94,229,166,.12)}
.hero-world-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.22;mix-blend-mode:screen;pointer-events:none;z-index:0}
.cosmos{position:relative;min-height:420px}
.orbit{
  position:absolute;left:50%;top:49%;width:600px;height:300px;transform:translate(-50%,-50%);
  border:1px solid rgba(22,140,255,.18);border-radius:50%;
  box-shadow:0 0 50px rgba(22,140,255,.10),inset 0 0 38px rgba(22,140,255,.08);
}
.orbit::before,.orbit::after{
  content:"";position:absolute;inset:34px 76px;border:1px solid rgba(94,229,166,.15);border-radius:50%;
}
.orbit::after{inset:76px 152px;border-color:rgba(22,140,255,.23)}
.planet{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:238px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(3,12,16,.78);border:1px solid rgba(180,235,225,.22);
  box-shadow:0 0 76px rgba(22,140,255,.19),inset 0 0 30px rgba(255,255,255,.03);
}
.planet b{font:18px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase}.planet span{margin-top:8px;color:#9da7a6;font:10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.agent{position:absolute;width:184px;min-height:70px;padding:10px 12px 10px 52px;border:1px solid rgba(160,220,205,.12);background:rgba(3,10,11,.54);color:#e1e9e5}
.agent::before{content:"";position:absolute;left:13px;top:14px;width:26px;height:26px;border:1px solid rgba(94,229,166,.45);border-radius:50%;box-shadow:0 0 18px rgba(94,229,166,.14)}
.agent b{display:block;font:12px/1.25 var(--mono);letter-spacing:.14em;text-transform:uppercase}.agent span{display:block;margin-top:5px;color:#9da8a4;font-size:11px;line-height:1.35}
.a1{left:47%;top:0}.a2{right:0;top:64px}.a3{right:6%;bottom:48px}.a4{left:46%;bottom:4px}.a5{left:8%;bottom:72px}.a6{left:11%;top:72px}
.sync{position:absolute;left:47%;bottom:32px;color:#8b9793;font:11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.capability-row{position:relative;z-index:3;width:min(1230px,calc(100% - 190px));margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(4,13,15,.74)}
.cap-card{position:relative;display:block;min-height:112px;padding:22px 62px 20px 92px;border-right:1px solid var(--line)}
.cap-card:last-child{border-right:0}.cap-card .icon{position:absolute;left:28px;top:28px;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;box-shadow:0 0 22px rgba(94,229,166,.12)}
.cap-card h3{margin:0 0 8px;font:13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}.cap-card p{margin:0;color:#aeb8b4;font-size:13px;line-height:1.45}.cap-card .go{position:absolute;right:26px;top:44px;font-size:22px}
.lower-grid{display:grid;grid-template-columns:1.05fr 1.05fr .85fr .95fr .95fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(2,9,10,.76)}
.lower-panel{min-height:176px;padding:24px;border-right:1px solid var(--line)}.lower-panel:last-child{border-right:0}
.lower-panel h4{margin:0 0 12px;font:12px/1 var(--mono);letter-spacing:.20em;text-transform:uppercase}.lower-panel p,.lower-panel li{color:#a6b2ae;font-size:12px;line-height:1.45}.lower-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.mini-orbit{height:70px;background:radial-gradient(circle at 50% 50%,rgba(22,140,255,.45),transparent 8%),radial-gradient(circle at 50% 50%,rgba(94,229,166,.16),transparent 36%);border-radius:50%}
.stack{height:92px;background:linear-gradient(180deg,rgba(94,229,166,.17),rgba(22,140,255,.09));clip-path:polygon(18% 0,82% 0,100% 24%,50% 100%,0 24%);opacity:.72}
.footer-line{padding:24px 0 30px;text-align:center;color:#c6d1cc;font:12px/1 var(--mono);letter-spacing:.45em;text-transform:uppercase}.footer-line .blue{color:var(--blue)}.footer-line .green{color:var(--green)}
.page{padding:80px 0}.page h1{font:300 clamp(36px,4vw,64px)/1.16 var(--mono);letter-spacing:.13em;text-transform:uppercase}.page p{max-width:820px;color:#bcc8c3;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.card{border:1px solid var(--line);background:rgba(4,13,15,.62);padding:24px;min-height:150px}.card h3{font:13px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.footer{padding:34px 0;color:#8c989a;font:12px/1.6 var(--mono);letter-spacing:.08em}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1120px){
  .wrap{width:min(100% - 44px,var(--max))}.hero-grid{grid-template-columns:1fr}.cosmos{min-height:330px;opacity:.68}.capability-row{width:min(100% - 44px,900px);grid-template-columns:1fr}.cap-card{border-right:0;border-bottom:1px solid var(--line)}.lower-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wrap{width:min(100% - 28px,var(--max))}.site-header{position:relative}.nav{height:auto;padding:14px 0;align-items:flex-start}.brand{min-width:auto}.logo-mark{width:46px;height:26px}.brand-title{font-size:14px}.brand-sub{font-size:8px}.navlinks{display:none}
  .hero{padding:38px 0 22px;min-height:auto}.hero-grid{gap:18px}.hero-title{font-size:34px;letter-spacing:.105em}.hero-title::before,.hero-title::after{display:none}.lead{font-size:15px}.actions{gap:10px}.btn{width:100%;min-width:0}.cosmos{display:none}.capability-row{width:min(100% - 28px,900px);margin-top:18px}.lower-grid{grid-template-columns:1fr}.lower-panel{border-right:0;border-bottom:1px solid var(--line)}.footer-line{font-size:10px;letter-spacing:.19em;line-height:1.8}.cards{grid-template-columns:1fr}
}