/* URSY.HOSTING — chrome: header, hamburger sheet, hero, footer, sticky action. */

/* ── header: the category lives in the wordmark strapline, nav items ARE the
   rooms, exactly one accent CTA. ── */
.ursy-top{ position:sticky; top:0; z-index:30; 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%); }
.ursy-brand{ display:flex; flex-direction:column; align-items:flex-start; flex:none; line-height:1; padding-block:2px; }
.ursy-brand__name{ flex:none; font-size:17px; font-weight:700; letter-spacing:-.03em; }
.ursy-top__cta.u-btn--accent{ gap:8px; } .ursy-top__cta .u-mono{ font-size:12px; opacity:.75; }
.ursy-brand__tld{ color:var(--ink3); }
.ursy-brand__strap{ margin-top:3px; font-family:var(--font-mono); font-size:8px; letter-spacing:.2em; color:var(--ink3); }
.ursy-top__nav{ display:flex; align-items:center; gap:2px; margin-inline:auto; padding:4px; border-radius:999px;
  background:var(--card); box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 var(--topline); }
.ursy-top__nav a{ display:flex; align-items:center; height:34px; padding:0 13px; border-radius:999px;
  font-size:12.5px; font-weight:500; color:var(--ink2); white-space:nowrap;
  transition:background .14s ease,color .14s ease; }
.ursy-top__nav a:hover{ background:var(--hover); color:var(--ink); }
.ursy-top__nav a[aria-current="page"]{ background:var(--hover); color:var(--ink); font-weight:600; }
.ursy-top__actions{ display:flex; align-items:center; gap:6px; flex:none; margin-inline-start:auto; }
.ursy-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; }
.ursy-palette:hover{ color:var(--neon); box-shadow:inset 0 0 0 1px var(--neon); }
.ursy-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); }
.ursy-burger{ display:none; place-items:center; gap:4px; width:44px; height:44px; border-radius:12px;
  color:var(--ink); transition:background .15s ease; }
.ursy-burger:hover{ background:var(--hover); }
.ursy-burger span{ width:17px; height:1.5px; background:currentColor; border-radius:2px; }

/* ── mobile sheet ── */
.ursy-sheet{ position:fixed; inset:0; z-index:60; display:none; flex-direction:column; background:var(--sheet);
  backdrop-filter:blur(28px) saturate(150%); -webkit-backdrop-filter:blur(28px) saturate(150%); }
.ursy-sheet[data-open="true"]{ display:flex; }
.ursy-sheet__top{ display:flex; align-items:center; justify-content:space-between; height:60px;
  padding-inline:18px; box-shadow:inset 0 -1px 0 var(--line); }
.ursy-sheet__body{ flex:1; overflow-y:auto; padding:14px 18px; }
.ursy-sheet__head{ font-family:var(--font-mono); font-size:9.5px; letter-spacing:.22em; color:var(--ink3); padding:16px 0 6px; }
.ursy-sheet__body a{ display:flex; align-items:center; justify-content:space-between; gap:10px;
  min-height:54px; font-size:16px; font-weight:500; box-shadow:inset 0 -1px 0 var(--line); }
.ursy-sheet__foot{ display:grid; gap:8px; padding:14px 18px calc(14px + env(safe-area-inset-bottom));
  box-shadow:inset 0 1px 0 var(--line); }
.ursy-sheet__foot > *{ display:flex; align-items:center; justify-content:center; height:50px;
  border-radius:12px; font-size:15px; font-weight:600; }

/* ── hero ── */
.ursy-hero{ display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:clamp(34px,5vh,64px) 26px 22px; }
.ursy-hero__eyebrow{ display:inline-flex; align-items:center; gap:9px; }
.ursy-hero h1 .accent{ color:var(--neon); }
.ursy-hero__lead{ margin:18px 0 0; max-width:62ch; font-size:clamp(16px,1.5vw,19px); line-height:1.6;
  color:var(--ink2); text-wrap:pretty; }
.ursy-hero__chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:20px; }
.ursy-hero__acts{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-top:24px; }

/* ── room header (every route but the front page) ── */
.ursy-room-head{ padding-block:clamp(34px,5vw,58px) clamp(26px,4vw,40px); }
.ursy-room-head__back{ display:inline-flex; align-items:center; gap:7px; font-family:var(--font-mono);
  font-size:10px; letter-spacing:.14em; color:var(--ink3); }
.ursy-room-head__back:hover{ color:var(--neon); }
.ursy-room-head h1{ margin:12px 0 0; max-width:22ch; font-size:clamp(2rem,4vw,3.2rem); font-weight:700;
  line-height:1.07; letter-spacing:-.028em; text-wrap:balance; }

/* ── footer: product columns carry prices ── */
.ursy-foot{ position:relative; z-index:2; background:var(--sheet); box-shadow:inset 0 1px 0 var(--line);
  backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); }
.ursy-foot__inner{ width:min(var(--wrap),100%); margin-inline:auto; padding:48px clamp(18px,4vw,44px) 22px; }
.ursy-foot__brand{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr); gap:clamp(26px,4vw,48px); }
.ursy-foot__blurb{ margin:10px 0 0; max-width:34ch; font-size:13px; line-height:1.6; color:var(--ink2); }
.ursy-foot__trust{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.ursy-foot__cols{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 32px; }
.ursy-foot__head{ font-family:var(--font-mono); font-size:10px; font-weight:500; letter-spacing:.18em;
  color:var(--ink3); padding-bottom:9px; }
.ursy-foot__cols a{ display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  min-height:31px; font-size:12.5px; color:var(--ink2); }
.ursy-foot__cols a:hover{ color:var(--neon); }
.ursy-foot__cols a span{ font-family:var(--font-mono); font-size:10.5px; color:var(--ink3); white-space:nowrap; }
.ursy-net{ margin-top:34px; padding-top:20px; box-shadow:inset 0 1px 0 var(--line); }
.ursy-net__list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; margin-top:10px; }
.ursy-net__list a{ display:flex; align-items:center; min-height:30px; font-size:12.5px; color:var(--ink2); }
.ursy-net__list a:hover{ color:var(--neon); }
.ursy-foot__bottom{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
  margin-top:22px; padding-top:18px; padding-bottom:env(safe-area-inset-bottom);
  box-shadow:inset 0 1px 0 var(--line); font-size:12px; color:var(--ink3); }

/* ── the ONE phone action ── */
.ursy-sticky{ display:none; position:fixed; inset-inline:12px; bottom:calc(12px + env(safe-area-inset-bottom));
  z-index:40; align-items:center; justify-content:center; gap:9px; height:52px; border-radius:14px;
  background:var(--ink); color:var(--bg); font-size:15px; font-weight:600; box-shadow:var(--lift); }
.ursy-sticky-pad{ display:none; height:calc(74px + env(safe-area-inset-bottom)); }