/* URSY.DOMAINS — glass header, mega menu, labelled controls, mobile strip. */
.header{ position:sticky; top:0; z-index:40; 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%); }
.wordmark{ flex:none; font-size:18px; font-weight:700; letter-spacing:-.022em; white-space:nowrap; color:var(--ink); }
.wordmark span{ color:var(--ink3); }
.wordmark:hover{ color:var(--ink); }

.nav{ display:flex; align-items:center; gap:2px; margin-left:26px; min-width:0; overflow:hidden; }
.nav__btn{ display:flex; align-items:center; gap:7px; height:40px; padding:0 14px; border-radius:11px;
  font-size:14px; font-weight:500; color:var(--ink2); white-space:nowrap;
  transition:background .14s ease,color .14s ease; }
.nav__btn:hover,.nav__btn[aria-expanded="true"]{ background:var(--hover); color:var(--ink); }
.nav__btn svg{ opacity:.5; }

.mega{ position:absolute; top:100%; left:0; right:0; padding:0 clamp(16px,4vw,44px) 18px; }
.mega[hidden]{ display:none; }
.mega__panel{ display:grid; grid-template-columns:repeat(auto-fit,minmax(214px,1fr)); gap:26px 34px;
  padding:26px 30px 24px; border-radius:var(--radius-l); background:var(--sheet);
  box-shadow:var(--lift), inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--topline);
  backdrop-filter:blur(34px) saturate(150%); -webkit-backdrop-filter:blur(34px) saturate(150%); }
.mega__h{ margin:0 0 8px; font-family:var(--font-mono); font-size:8.5px; letter-spacing:.2em; color:var(--ink3); }
.mega__item{ display:block; width:100%; text-align:left; padding:8px 10px; margin-left:-10px;
  border-radius:10px; transition:background .13s ease; }
.mega__item:hover{ background:var(--hover); color:var(--ink); }
.mega__item b{ display:block; font-size:13.5px; font-weight:600; color:var(--ink); letter-spacing:-.008em; }
.mega__item i{ display:block; margin-top:2px; font-style:normal; font-size:11.5px; line-height:1.45; color:var(--ink3); }
.mega__scrim{ position:fixed; inset:0; z-index:30; background:transparent; cursor:default; }

.actions{ display:flex; align-items:center; gap:8px; flex:none; margin-left:auto; }
.ctl{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  width:52px; height:46px; border-radius:12px; color:var(--ink2);
  transition:background .15s ease,color .15s ease; }
.ctl:hover{ background:var(--hover); color:var(--ink); }
.ctl__label{ font-family:var(--font-mono); font-size:7.5px; letter-spacing:.12em; color:var(--ink3); }
.ctl__swatch{ width:15px; height:15px; border-radius:50%;
  background:conic-gradient(var(--o1),var(--o2),var(--o3),var(--o4),var(--o1));
  box-shadow:inset 0 0 0 1px var(--line2); }
.signin{ display:flex; align-items:center; height:40px; padding:0 16px; border-radius:12px;
  font-size:13.5px; font-weight:500; color:var(--ink); box-shadow:inset 0 0 0 1px var(--line2); }
.signin:hover{ background:var(--hover); color:var(--ink); }

.mnav{ display:none; align-items:center; gap:6px; padding:10px clamp(16px,4vw,44px); overflow-x:auto;
  background:var(--glass); box-shadow:inset 0 -1px 0 var(--line); backdrop-filter:blur(20px); }
.mnav__btn{ display:flex; align-items:center; height:34px; padding:0 14px; border-radius:999px;
  font-size:12.5px; color:var(--ink2); white-space:nowrap; box-shadow:inset 0 0 0 1px var(--line2); }
.mnav__btn[aria-current="page"]{ background:var(--neon-soft); color:var(--ink); font-weight:600; }

/* sticky phone action bar */
.stickybar{ display:none; position:fixed; left:0; right:0; bottom:0; z-index:35; gap:8px;
  padding:10px 14px; padding-bottom:calc(10px + env(safe-area-inset-bottom));
  background:var(--sheet); box-shadow:0 -1px 0 var(--line), 0 -18px 40px -30px rgba(16,18,22,.6); }
.stickybar .btn{ min-height:50px; border-radius:13px; }