/* URSY COMING SOON — layout & components. */
*, *::before, *::after{ box-sizing:border-box; }
html, body{ margin:0; padding:0; }
body{ background:var(--bg); color:var(--ink); font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased; transition:background .3s ease, color .3s ease; }
a{ color:var(--ink); text-decoration:none; }
a:hover{ color:var(--neon); }
button{ font:inherit; border:0; background:none; color:inherit; cursor:pointer; padding:0; }
::selection{ background:var(--neon-soft); }

.ucs-page{ position:relative; min-height:100dvh; display:flex; flex-direction:column; overflow:hidden; }

/* ── header ── */
.ucs-top{ position:relative; z-index:3; display:flex; align-items:center; gap:14px;
  height:var(--header-h); padding-inline:clamp(16px,4vw,44px);
  background:var(--glass); box-shadow:inset 0 -1px 0 var(--line);
  backdrop-filter:blur(26px) saturate(150%); -webkit-backdrop-filter:blur(26px) saturate(150%); }
.ucs-top__spacer{ flex:1 1 auto; }
.ucs-brand{ display:flex; flex-direction:column; align-items:flex-start; flex:none; line-height:1; padding-block:2px; }
.ucs-brand__name{ font-size:17px; font-weight:700; letter-spacing:-.03em; }
.ucs-brand__tld{ color:var(--ink3); }
.ucs-brand__strap{ margin-top:3px; font-family:var(--font-mono); font-size:8px; letter-spacing:.2em; color:var(--ink3); }
.ucs-palette{ display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 12px; border-radius:999px;
  background:var(--card); box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--topline);
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.16em; color:var(--ink2);
  transition:box-shadow .14s ease, color .14s ease; }
.ucs-palette:hover{ color:var(--neon); box-shadow:inset 0 0 0 1px var(--neon); }
.ucs-palette__dot{ width:11px; height:11px; border-radius:50%;
  background:linear-gradient(135deg,var(--o1),var(--o2) 45%,var(--o4)); box-shadow:0 0 8px -1px var(--o1); }
.ucs-iconbtn{ display:grid; place-items:center; width:36px; height:36px; border-radius:999px;
  background:var(--card); box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--topline);
  font-size:13px; color:var(--ink2); transition:box-shadow .14s ease, color .14s ease; }
.ucs-iconbtn:hover{ color:var(--neon); box-shadow:inset 0 0 0 1px var(--neon); }

/* ── hero ── */
.ucs-main{ position:relative; z-index:2; flex:1 1 auto; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:clamp(44px,7vh,84px) clamp(20px,5vw,56px); }
.ucs-eyebrow{ margin:0; display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-mono); font-size:clamp(9.5px,1vw,11px); letter-spacing:.3em; color:var(--ink3);
  animation:ucsRise .6s cubic-bezier(.2,.7,.3,1) both; }
.ucs-eyebrow__dot{ width:7px; height:7px; flex:none; border-radius:50%; background:var(--neon);
  animation:livePulse 2.2s ease-out infinite; }
.ucs-h1{ margin:clamp(18px,2.6vw,30px) 0 0; font-size:clamp(52px,13.5vw,186px); font-weight:700;
  line-height:.9; letter-spacing:-.045em; text-wrap:balance;
  animation:ucsRise .7s cubic-bezier(.2,.7,.3,1) both .06s; }
.ucs-h1__tld{ display:inline-block;
  background:linear-gradient(100deg, var(--o2), var(--o1) 35%, var(--o4) 70%, var(--o2));
  background-size:240% 100%; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:ucsSheen 7s ease-in-out infinite alternate; }
.ucs-lead{ margin:clamp(22px,3vw,34px) 0 0; max-width:38ch; font-size:clamp(16px,1.5vw,19px);
  line-height:1.6; color:var(--ink2); text-wrap:pretty;
  animation:ucsRise .78s cubic-bezier(.2,.7,.3,1) both .12s; }
.ucs-acts{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;
  margin-top:clamp(28px,4vw,42px); animation:ucsRise .84s cubic-bezier(.2,.7,.3,1) both .18s; }
.ucs-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; height:46px;
  padding:0 22px; border-radius:999px; font-size:15px; letter-spacing:-.01em; white-space:nowrap;
  transition:color .15s ease, box-shadow .15s ease, transform .15s ease, filter .15s ease; }
.ucs-btn span{ font-size:12px; }
.ucs-btn--neon{ font-weight:600; color:var(--on-neon); background:var(--neon);
  box-shadow:0 18px 44px -18px var(--neon); }
.ucs-btn--neon:hover{ color:var(--on-neon); transform:translateY(-1px); filter:brightness(1.06);
  box-shadow:0 22px 52px -18px var(--neon); }
.ucs-btn--ghost{ font-weight:500; color:var(--ink); background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--topline); }
.ucs-btn--ghost:hover{ color:var(--neon); transform:translateY(-1px); box-shadow:inset 0 0 0 1px var(--neon); }
.ucs-tip{ margin:clamp(26px,3.6vw,40px) 0 0; font-family:var(--font-mono); font-size:9px;
  letter-spacing:.22em; color:var(--ink3); animation:ucsRise .9s cubic-bezier(.2,.7,.3,1) both .24s; }
.ucs-tip span{ color:var(--ink2); }

/* ── footer: the network ── */
.ucs-foot{ position:relative; z-index:3; background:var(--glass); box-shadow:inset 0 1px 0 var(--line);
  backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); }
.ucs-foot__inner{ width:min(var(--wrap),100%); margin-inline:auto;
  padding:clamp(22px,3.4vw,34px) clamp(18px,4vw,44px) clamp(18px,3vw,26px); }
.ucs-foot__head{ margin:0 0 14px; font-family:var(--font-mono); font-size:10px; font-weight:500;
  letter-spacing:.18em; color:var(--ink3); }
.ucs-net{ display:flex; flex-wrap:wrap; gap:8px; }
.ucs-pill{ display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 15px;
  border-radius:999px; font-size:13.5px; font-weight:500; letter-spacing:-.01em; color:var(--ink2);
  background:var(--card); box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 var(--topline);
  transition:color .14s ease, box-shadow .14s ease, transform .14s ease; }
.ucs-pill:hover{ color:var(--neon); box-shadow:inset 0 0 0 1px var(--neon); transform:translateY(-1px); }
.ucs-pill.is-here{ color:var(--ink); box-shadow:inset 0 0 0 1px var(--neon), inset 0 1px 0 var(--topline); }
.ucs-pill__here{ font-family:var(--font-mono); font-size:8px; letter-spacing:.14em; color:var(--neon); }
.ucs-foot__bottom{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:10px 24px; margin-top:18px; padding-top:14px; box-shadow:inset 0 1px 0 var(--line);
  font-family:var(--font-mono); font-size:9px; letter-spacing:.2em; color:var(--ink3);
  padding-bottom:env(safe-area-inset-bottom); }