:root{
      --bg:#050b13; --bg2:#071421; --panel:rgba(8,22,35,.76); --panel2:rgba(11,34,49,.62);
      --text:#f4f7fb; --muted:#aebccd; --line:rgba(122,224,90,.28);
      --green:#7ee85f; --cyan:#28d8ff; --blue:#3e8cff; --violet:#a566ff; --amber:#ffc857;
      --shadow:0 24px 80px rgba(0,0,0,.42);
      --radius:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    .orb{position:fixed;inset:auto -15% -28% -10%;height:62vh;z-index:-3;background:
      radial-gradient(ellipse at 58% 32%, rgba(54,162,255,.35), transparent 24%),
      radial-gradient(ellipse at 50% 12%, rgba(126,232,95,.20), transparent 22%),
      radial-gradient(ellipse at 50% 0%, #173b63 0%, #09203a 35%, transparent 68%);
      border-radius:50% 50% 0 0;filter:saturate(1.25)}
    .stars{position:fixed;inset:0;z-index:-4;background:
      radial-gradient(circle at 15% 18%, rgba(255,255,255,.9) 0 1px, transparent 1.6px),
      radial-gradient(circle at 70% 12%, rgba(255,255,255,.8) 0 1px, transparent 1.8px),
      radial-gradient(circle at 85% 36%, rgba(126,232,95,.7) 0 1px, transparent 1.8px),
      radial-gradient(circle at 46% 72%, rgba(40,216,255,.7) 0 1px, transparent 1.8px),
      linear-gradient(145deg,#02060b 0%,#071421 45%,#02050a 100%)}
    .mesh{position:fixed;inset:0;z-index:-2;opacity:.22;background-image:
      linear-gradient(rgba(40,216,255,.18) 1px, transparent 1px),
      linear-gradient(90deg,rgba(40,216,255,.15) 1px, transparent 1px);
      background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 72%,transparent 100%)}
    .wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}
    header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(5,11,19,.86),rgba(5,11,19,.42));border-bottom:1px solid rgba(255,255,255,.08)}
    nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:.08em}
    .mark{width:42px;height:42px;border-radius:50%;background:conic-gradient(from 38deg,var(--green) 0 34%,transparent 34% 54%,var(--cyan) 54% 76%,transparent 76% 100%);position:relative;box-shadow:0 0 30px rgba(126,232,95,.24)}
    .mark:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--bg)}
    .mark:after{content:"";position:absolute;right:1px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 15px 0 var(--cyan)}
    .links{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}
    .links a:hover{color:#fff}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid rgba(126,232,95,.45);border-radius:999px;background:linear-gradient(135deg,rgba(126,232,95,.22),rgba(40,216,255,.10));color:#fff;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
    .hero{padding:94px 0 72px;position:relative}
    .heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
    .kicker{color:var(--green);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:13px;margin-bottom:18px}
    h1{font-size:clamp(48px,7vw,92px);line-height:.96;margin:0 0 24px;letter-spacing:-.055em}
    h1 span,.green{color:var(--green)}
    .lead{font-size:clamp(18px,2.1vw,24px);line-height:1.42;color:#dce7f4;max-width:720px;margin:0 0 34px}
    .actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
    .btn.secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);color:#e9eef6}
    .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .proof div{padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04)}
    .proof b{display:block;font-size:22px;color:#fff}.proof span{color:var(--muted);font-size:13px}
    .earthCard{min-height:520px;border:1px solid rgba(255,255,255,.12);border-radius:36px;background:
      radial-gradient(circle at 70% 30%,rgba(255,200,87,.4),transparent 8%),
      radial-gradient(circle at 50% 52%,rgba(40,216,255,.42),transparent 28%),
      linear-gradient(150deg,rgba(18,45,76,.8),rgba(5,11,19,.2));
      box-shadow:var(--shadow);position:relative;overflow:hidden}
    .earthCard:before{content:"";position:absolute;right:-20%;bottom:-20%;width:92%;aspect-ratio:1;border-radius:50%;background:
      radial-gradient(circle at 56% 38%,rgba(255,215,110,.95) 0 2px,transparent 3px),
      radial-gradient(circle at 42% 60%,rgba(255,215,110,.85) 0 2px,transparent 3px),
      radial-gradient(circle at 70% 58%,rgba(255,215,110,.9) 0 2px,transparent 3px),
      radial-gradient(circle at 48% 44%,rgba(40,216,255,.55) 0 2px,transparent 3px),
      radial-gradient(circle at 50% 50%,#173b63 0 46%,#071a2d 55%,transparent 56%);
      box-shadow:0 0 80px rgba(40,216,255,.38),inset 0 0 60px rgba(40,216,255,.2)}
    .earthCard:after{content:"";position:absolute;inset:0;background:
      linear-gradient(35deg,transparent 0 48%,rgba(126,232,95,.42) 49%,transparent 50%),
      linear-gradient(155deg,transparent 0 42%,rgba(40,216,255,.35) 43%,transparent 44%);
      opacity:.55}
    .orbitLabel{position:absolute;left:28px;bottom:28px;right:28px;padding:20px;border:1px solid rgba(126,232,95,.28);border-radius:20px;background:rgba(3,12,20,.72);backdrop-filter:blur(12px);z-index:2}
    .orbitLabel b{display:block;font-size:20px;margin-bottom:4px}.orbitLabel span{color:var(--muted)}
    section{padding:74px 0}
    .sectionHead{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:34px}
    h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0}
    .sectionHead p{max-width:520px;color:var(--muted);line-height:1.65;margin:0}
    .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .card{border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:26px;box-shadow:0 16px 50px rgba(0,0,0,.18)}
    .icon{width:48px;height:48px;border-radius:15px;border:1px solid rgba(126,232,95,.35);display:grid;place-items:center;color:var(--green);font-size:24px;margin-bottom:18px;background:rgba(126,232,95,.08)}
    .card h3{margin:0 0 10px;font-size:22px}.card p,.card li{color:var(--muted);line-height:1.58}.card ul{padding-left:18px;margin:14px 0 0}
    .platform{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
    .layers{display:grid;gap:12px}
    .layer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(7,20,33,.7)}
    .layer:nth-child(1){border-color:rgba(126,232,95,.45);background:linear-gradient(90deg,rgba(126,232,95,.22),rgba(126,232,95,.05))}
    .layer:nth-child(2){border-color:rgba(40,216,255,.38)}
    .layer:nth-child(3){border-color:rgba(62,140,255,.38)}
    .layer:nth-child(4){border-color:rgba(165,102,255,.4)}
    .layer small{color:var(--muted)}
    .demo{border:1px solid rgba(255,255,255,.12);border-radius:32px;background:#07111c;box-shadow:var(--shadow);overflow:hidden}
    .demoTop{display:flex;gap:10px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
    .dot{width:11px;height:11px;border-radius:50%;background:var(--green);opacity:.8}.dot:nth-child(2){background:var(--amber)}.dot:nth-child(3){background:var(--cyan)}
    .demoBody{display:grid;grid-template-columns:260px 1fr;min-height:470px}
    .side{border-right:1px solid rgba(255,255,255,.08);padding:18px}.side div{padding:13px 14px;border-radius:12px;color:var(--muted)}.side div:first-child{background:rgba(126,232,95,.12);color:#fff}
    .screen{padding:22px;display:grid;grid-template-columns:1fr 280px;gap:18px}
    .chat{grid-column:1/-1;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);color:#fff}
    .map{min-height:260px;border-radius:22px;background:
      radial-gradient(circle at 22% 45%,rgba(126,232,95,.45),transparent 12%),
      radial-gradient(circle at 62% 55%,rgba(255,91,70,.55),transparent 10%),
      radial-gradient(circle at 48% 30%,rgba(255,200,87,.45),transparent 13%),
      linear-gradient(135deg,#17381f,#11273b);position:relative;overflow:hidden}
    .map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;transform:rotate(-9deg) scale(1.2)}
    .panel{padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
    .bar{height:9px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:14px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:99px}
    .logos{display:flex;gap:18px;flex-wrap:wrap}
    .badge{padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04);font-weight:800;color:#fff}
    .team{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .member{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
    .member img{width:150px;height:150px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.18)}
    .member .role{color:var(--green);font-weight:800;margin:4px 0 12px}
    .cta{padding:58px;border-radius:36px;border:1px solid rgba(126,232,95,.28);background:
      radial-gradient(circle at 75% 20%,rgba(126,232,95,.18),transparent 20%),
      linear-gradient(135deg,rgba(126,232,95,.12),rgba(40,216,255,.06));box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:26px;align-items:center}
    footer{padding:32px 0 48px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}
    @media (max-width:900px){
      .links{display:none}.heroGrid,.platform,.demoBody,.screen,.team,.grid3,.grid4{grid-template-columns:1fr}
      .earthCard{min-height:420px}.proof{grid-template-columns:1fr}.sectionHead{display:block}.sectionHead p{margin-top:16px}.member{grid-template-columns:110px 1fr}.member img{width:110px;height:110px}.cta{display:block;padding:34px}
    }