*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#050c13;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.scene{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 19%,rgba(40,85,130,.28),transparent 34%),radial-gradient(circle at 45% 43%,rgba(17,52,82,.18),transparent 30%),linear-gradient(115deg,#040b11 0%,#07111b 52%,#091725 100%)}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,rgba(1,5,9,.55))}.orbit{position:absolute;border:1px solid rgba(74,132,190,.19);border-radius:50%;transform:rotate(17deg)}.orbit-a{width:1450px;height:600px;left:-260px;top:110px}.orbit-b{width:1600px;height:720px;left:410px;top:90px;transform:rotate(-12deg)}.globe{position:absolute;width:560px;height:560px;border-radius:50%;right:-45px;top:100px;border:1px solid rgba(95,170,235,.28);box-shadow:inset 20px 0 90px rgba(31,108,171,.15),0 0 70px rgba(35,102,160,.12);background:radial-gradient(circle at 35% 35%,rgba(50,116,172,.14),rgba(3,11,19,.05) 64%,rgba(0,0,0,.3))}.globe:before,.globe:after{content:"";position:absolute;inset:7%;border-radius:50%;border-left:1px solid rgba(83,148,205,.15);border-right:1px solid rgba(83,148,205,.08)}.globe:after{inset:20% 5%;transform:rotate(90deg)}.globe-grid{position:absolute;inset:15%;opacity:.28;background-image:radial-gradient(circle,rgba(104,170,226,.7) 1px,transparent 1.2px);background-size:8px 8px;border-radius:50%;mask-image:radial-gradient(circle,#000 0 60%,transparent 72%)}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(42px,6vw,105px);position:relative;z-index:5}.brand img{width:270px;height:auto;display:block}.site-header nav{display:flex;gap:52px}.site-header nav a{color:#9daabc;text-decoration:none;font-size:17px;transition:.2s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.hero{text-align:center;padding-top:12px;min-height:610px}.hero-mark{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.25))}.hero h1{margin:15px 0 0;font-size:clamp(54px,5vw,78px);font-weight:500;letter-spacing:.18em;text-indent:.18em;background:linear-gradient(#fff,#b9c4d2 62%,#f7f9fb);-webkit-background-clip:text;color:transparent;text-shadow:0 8px 24px rgba(0,0,0,.2)}.accent{width:56px;height:1px;margin:14px auto 16px;background:linear-gradient(90deg,transparent,#2388d4,transparent)}.tagline{font-size:18px;letter-spacing:.32em;margin:0;color:#d5dce6}.intro{font-size:18px;line-height:1.65;color:#aeb8c7;margin:23px 0 27px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:285px;height:55px;border-radius:28px;text-decoration:none;color:#fff;font-size:14px;font-weight:700;letter-spacing:.24em;background:linear-gradient(100deg,#1953c7,#2778d5);box-shadow:0 12px 35px rgba(15,77,175,.22);transition:transform .2s,filter .2s}.cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.cta span{font-size:24px;font-weight:300;letter-spacing:0}.scroll{margin:39px auto 0;width:max-content;display:flex;flex-direction:column;align-items:center;gap:9px;color:#697c93;text-decoration:none;font-size:11px;letter-spacing:.18em}.scroll i{width:12px;height:12px;border-right:1px solid #486a8d;border-bottom:1px solid #486a8d;transform:rotate(45deg)}.features{width:min(1100px,88vw);margin:0 auto 45px;display:grid;grid-template-columns:repeat(3,1fr)}.features article{text-align:center;min-height:150px;padding:0 30px;position:relative}.features article+article:before{content:"";position:absolute;left:0;top:20px;height:120px;width:1px;background:#253545}.features h2{font-size:14px;letter-spacing:.25em;font-weight:500;margin:14px 0 12px}.features p{color:#9ca9ba;font-size:15px;line-height:1.55;margin:0}.icon{height:42px;margin:auto;position:relative;color:#4ea4ea}.bulb{width:28px;border:2px solid #4ea4ea;border-radius:50% 50% 42% 42%}.bulb:after{content:"";position:absolute;width:11px;height:8px;left:6px;bottom:-8px;border-top:2px solid #4ea4ea;border-bottom:2px solid #4ea4ea}.chart{width:45px;display:flex;align-items:flex-end;gap:5px}.chart b{display:block;width:9px;border:2px solid #4ea4ea}.chart b:nth-child(1){height:14px}.chart b:nth-child(2){height:27px}.chart b:nth-child(3){height:39px}.people{width:52px}.people b{position:absolute;border:2px solid #4ea4ea;border-radius:50%}.people b:nth-child(1){width:16px;height:16px;left:18px;top:0}.people b:nth-child(2){width:13px;height:13px;left:3px;top:9px}.people b:nth-child(3){width:13px;height:13px;right:3px;top:9px}.people:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:19px;border:2px solid #4ea4ea;border-bottom:0;border-radius:24px 24px 0 0}footer{height:72px;border-top:1px solid #1b2936;display:flex;align-items:center;justify-content:center;color:#778496;font-size:11px;letter-spacing:.25em;text-align:center;padding:0 20px}@media(max-width:800px){.site-header{height:90px;padding:0 24px}.brand img{width:190px}.site-header nav{gap:18px}.site-header nav a{font-size:14px}.hero{padding:28px 18px 20px;min-height:auto}.hero-mark{width:105px;height:105px}.hero h1{font-size:48px;letter-spacing:.12em;text-indent:.12em}.tagline{font-size:13px;line-height:1.7;letter-spacing:.22em}.intro{font-size:16px}.desktop{display:none}.features{grid-template-columns:1fr;gap:35px;margin-top:55px}.features article+article:before{left:20%;right:20%;top:-18px;width:60%;height:1px}.globe{width:440px;height:440px;right:-240px;top:150px;opacity:.65}}@media(max-width:520px){.site-header nav a:not(.active){display:none}.brand img{width:175px}.hero h1{font-size:38px}.cta{min-width:245px}.features{width:94vw}}
/* Single-screen layout */
@media (min-width:801px){
  body{height:100vh;min-height:650px;overflow:hidden;display:grid;grid-template-rows:96px 1fr 58px}
  .site-header{height:96px}
  main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 155px}
  .hero{min-height:0;padding-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-2px)}
  .hero-mark{width:126px;height:126px}
  .hero h1{margin-top:8px}
  .intro{margin-bottom:0}
  .scroll{margin-top:28px}
  .features{margin:0 auto;align-self:center}
  footer{height:58px}
}