:root{
  --navy-1000:#020b17;
  --navy-950:#031225;
  --navy-900:#041a35;
  --navy-850:#05264b;
  --navy-800:#07335f;
  --blue-700:#0868ef;
  --blue-600:#1683ff;
  --cyan-500:#20d4ff;
  --cyan-300:#86e9ff;
  --ink:#0b254d;
  --ink-2:#243e61;
  --text:#425875;
  --muted:#73849b;
  --line:#dce6f1;
  --line-dark:rgba(136,187,235,.2);
  --soft:#f6f9fd;
  --soft-blue:#eef6ff;
  --white:#fff;
  --green:#16b86b;
  --shadow:0 22px 70px rgba(10,44,88,.12);
  --shadow-soft:0 14px 42px rgba(18,50,91,.08);
  --radius:18px;
  --radius-lg:28px;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 72px));margin:0 auto}
.eyebrow{display:none}

/* header */
.header{height:82px;position:sticky;top:0;z-index:80;background:rgba(3,18,37,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);color:#fff}
.nav{height:100%;display:flex;align-items:center;gap:31px}
.brand{display:flex;align-items:center;margin-right:auto;min-width:235px}
.brand img{width:225px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}
.navlinks{display:flex;align-items:center;gap:28px;height:100%}
.navlinks a{height:82px;display:flex;align-items:center;position:relative;color:#cbd9ea;font-size:14px;font-weight:650;letter-spacing:.01em}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.navlinks a:hover,.navlinks a.active{color:#fff}
.navlinks a.active::after{background:linear-gradient(90deg,var(--blue-600),var(--cyan-500))}
.nav-actions{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;border:0;background:transparent;color:#fff;width:42px;height:42px;border-radius:10px;font-size:24px;cursor:pointer}
.btn{min-height:46px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-size:14px;font-weight:760;letter-spacing:.005em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(105deg,#147cff,#16c8f5);color:#fff;box-shadow:0 12px 28px rgba(18,126,255,.25)}
.btn-dark{background:var(--navy-900);color:#fff;box-shadow:0 10px 28px rgba(3,27,59,.14)}
.btn-outline{border-color:rgba(176,208,239,.55);color:#fff;background:rgba(255,255,255,.03)}
.btn-outline-light{border-color:#c9d8e8;color:var(--ink);background:#fff}
.btn-text{padding:0;min-height:auto;border-radius:0;color:#0c69df;background:none}
.icon-arrow{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}

/* hero */
.hero{position:relative;min-height:720px;color:#fff;background:radial-gradient(820px 520px at 79% 43%,rgba(23,126,255,.23),transparent 68%),radial-gradient(500px 340px at 88% 70%,rgba(31,211,255,.09),transparent 65%),linear-gradient(112deg,#020d1b 0%,#031a35 51%,#072d5c 100%);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,187,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(102,187,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 100%);pointer-events:none}
.hero::after{content:"";position:absolute;width:780px;height:780px;border:1px solid rgba(84,187,255,.11);border-radius:50%;right:-280px;top:-220px;box-shadow:0 0 0 85px rgba(84,187,255,.025),0 0 0 170px rgba(84,187,255,.018)}
.hero-grid{min-height:720px;display:grid;grid-template-columns:48% 52%;gap:40px;align-items:center;position:relative;z-index:2;padding:58px 0 78px}
.hero-copy{padding-right:12px}
.hero h1{margin:0;font-size:clamp(54px,4.15vw,78px);line-height:1.02;letter-spacing:-.052em;font-weight:770;max-width:760px}
.hero h1 span{display:block;background:linear-gradient(90deg,#79e9ff 0%,#24d7ff 35%,#2b8cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{margin:28px 0 0;max-width:720px;color:#c9d8e9;font-size:18px;line-height:1.72}
.hero-meta{margin-top:28px;color:#84a7c8;font-size:13px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-art{position:relative;height:530px}
.hero-orbit{position:absolute;inset:6% 3% 3% 7%;border:1px solid rgba(89,195,255,.18);border-radius:30px;background:linear-gradient(145deg,rgba(6,35,72,.5),rgba(5,20,44,.2));box-shadow:inset 0 1px rgba(255,255,255,.03),0 25px 70px rgba(0,0,0,.18);overflow:hidden}
.hero-orbit::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(85,184,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(85,184,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 65% 50%,#000,transparent 70%)}