@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden!important}
.land-body{
  --cyan:#00e5ff;
  --teal:#0a6b7a;
  --navy:#001a2c;
  font-family:Outfit,system-ui,sans-serif;
  color:#e8f7fb;
  background:#001018;
  min-height:100vh;min-height:100dvh;
  width:100%;max-width:100%;overflow-x:hidden!important;
}
.land-stage{
  position:relative;width:100%;max-width:100%;
  min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;
  overflow-x:hidden;overflow-y:auto;
  background:
    radial-gradient(ellipse 80% 45% at 50% -8%, rgba(0,229,255,.22), transparent 55%),
    linear-gradient(180deg, #012433 0%, #001a2c 45%, #001018 100%);
}
.land-glow{
  position:absolute;left:0;right:0;bottom:-10%;
  height:46%;pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(10,107,122,.55), transparent 68%);
  filter:blur(8px);
}
.land-mesh{
  position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:
    linear-gradient(rgba(0,229,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.05) 1px, transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 75%);
}
.land-nav{
  position:relative;z-index:2;
  display:flex;justify-content:flex-end;
  padding:18px 16px 0;box-sizing:border-box;
}
.land-nav-sign{
  color:#001a2c;background:rgba(255,255,255,.94);
  padding:10px 16px;border-radius:999px;
  font-weight:800;font-size:.88rem;text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.28);
}
.land-compose{
  position:relative;z-index:2;flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:8px 16px 40px;box-sizing:border-box;
}
.land-logo{
  width:min(210px,52%);
  height:auto;aspect-ratio:1/1;
  border-radius:50%;
  display:block;margin:0 auto 22px;
  object-fit:cover;
  box-shadow:0 14px 32px rgba(0,0,0,.4), 0 0 0 3px rgba(0,229,255,.45);
  opacity:0;transform:translateY(14px);
}
.land-ready .land-logo{animation:landIn .65s cubic-bezier(.2,.8,.2,1) .05s forwards}
.land-title{
  margin:0 0 12px;font-size:clamp(1.2rem,3.8vw,1.55rem);font-weight:800;
  line-height:1.28;color:#fff;max-width:16em;
  opacity:0;transform:translateY(14px);
}
.land-ready .land-title{animation:landIn .65s cubic-bezier(.2,.8,.2,1) .22s forwards}
.land-sub{
  margin:0 0 24px;font-size:.95rem;font-weight:500;line-height:1.45;
  color:rgba(200,230,240,.78);max-width:22em;
  opacity:0;transform:translateY(14px);
}
.land-ready .land-sub{animation:landIn .65s cubic-bezier(.2,.8,.2,1) .32s forwards}
.land-cta{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  width:min(300px,100%);
  opacity:0;transform:translateY(14px);
}
.land-ready .land-cta{animation:landIn .65s cubic-bezier(.2,.8,.2,1) .42s forwards}
.cta-main{
  display:block;width:100%;text-align:center;text-decoration:none;
  padding:15px 22px;border-radius:999px;font-weight:800;font-size:1.02rem;color:#fff;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.05) 40%, transparent 58%),
    linear-gradient(180deg, #1a6f9c 0%, #0d4a72 50%, #083458 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.4);
}
.cta-soft{
  color:rgba(255,255,255,.9);font-weight:700;font-size:.92rem;
  text-decoration:underline;text-underline-offset:4px;
}
@keyframes landIn{to{opacity:1;transform:none}}