/* ══ BUILT BY SALTIQ (2026-10-10) — the studio credit at the foot of every page and in the chat ══════════
   SaltIQ's own surfer logo, its name in the logo's sunset colors (yellow → hot pink) with a thin teal glow,
   EST · PHX AZ · 2025, and the line "Desert-forged. Wave-hungry. Zero chill." on SaltIQ's night-black. */
:root { --sq-bg: #07050C; --sq-ink: #F4F0FF; --sq-muted: #B9B2D3; --sq-yellow: #FFD23F; --sq-pink: #FF4FA3; --sq-teal: #2EE6C8; }
.sq-strip { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.1rem 1.6rem;
  margin: 2rem calc(-1 * var(--gutter, 1.25rem)) calc(-1 * var(--section-pad, 4rem)); padding: 1.4rem max(84px, calc((100vw - 1180px) / 2)); background: var(--sq-bg); color: var(--sq-ink); text-align: left; }
.sq-strip::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, var(--sq-yellow), var(--sq-pink) 50%, var(--sq-teal)); box-shadow: 0 0 14px rgba(255,79,163,.45); }
.sq-badge { display: block; width: 68px; line-height: 0; border-radius: 50%; transition: transform .35s cubic-bezier(.22,1,.36,1), filter .3s ease;
  filter: drop-shadow(0 0 10px rgba(46,230,200,.35)) drop-shadow(0 0 18px rgba(255,79,163,.22)); }
.sq-badge img { width: 68px; height: auto; display: block; }
.sq-badge:hover, .sq-badge:focus-visible { transform: rotate(-8deg) scale(1.07); filter: drop-shadow(0 0 14px rgba(46,230,200,.6)) drop-shadow(0 0 26px rgba(255,79,163,.45)); }
.sq-copy p { margin: 0; }
.sq-name { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .7rem; font: 500 .8125rem/1.2 'Unbounded', 'Lato', sans-serif; letter-spacing: .04em; color: var(--sq-muted); }
.sq-name a { text-decoration: none; }
.sq-word { font: 800 1.35rem/1 'Unbounded', 'Lato', sans-serif; letter-spacing: .03em;
  background: linear-gradient(90deg, var(--sq-yellow) 0%, #FF9A3C 38%, var(--sq-pink) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 6px rgba(46,230,200,.45)); }
.sq-name a:hover .sq-word, .sq-name a:focus-visible .sq-word { filter: drop-shadow(0 0 10px rgba(46,230,200,.75)) drop-shadow(0 0 16px rgba(255,79,163,.4)); }
.sq-est { display: inline-flex; align-items: center; padding: .38em .75em; border-radius: 999px; font: 700 .625rem/1 'Unbounded', 'Lato', sans-serif; letter-spacing: .14em; color: var(--sq-ink);
  border: 1px solid rgba(255,79,163,.7); box-shadow: 0 0 10px rgba(255,79,163,.3), inset 0 0 8px rgba(46,230,200,.15); background: rgba(255,79,163,.08); }
.sq-tag { margin-top: .45rem !important; font: 700 .9375rem/1.25 'Unbounded', 'Lato', sans-serif; letter-spacing: .01em; color: var(--sq-ink); }
.sq-tag b { white-space: nowrap; font-weight: 800; color: var(--sq-pink); text-shadow: 0 0 12px rgba(255,79,163,.55); }
.sq-line { margin-top: .3rem !important; font: 400 .875rem/1.45 'Lato', sans-serif; color: var(--sq-muted); }
.sq-cta { display: inline-flex; align-items: center; gap: .5em; min-height: 44px; padding: 0 1.15rem; border-radius: 999px; white-space: nowrap; text-decoration: none;
  font: 700 .75rem/1 'Unbounded', 'Lato', sans-serif; letter-spacing: .06em; color: #fff; border: 1px solid var(--sq-pink);
  background: linear-gradient(180deg, rgba(255,79,163,.18), rgba(255,79,163,.06)); box-shadow: 0 0 14px rgba(255,79,163,.35), inset 0 0 10px rgba(46,230,200,.12);
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
.sq-cta:hover, .sq-cta:focus-visible { transform: translateY(-2px); border-color: var(--sq-teal); box-shadow: 0 0 20px rgba(46,230,200,.5), 0 0 30px rgba(255,79,163,.35); }
.sq-strip a:focus-visible { outline: 2px solid var(--sq-teal); outline-offset: 4px; }
@media (max-width: 720px) {
  .sq-strip { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 1.6rem var(--gutter, 1.25rem) 1.8rem; gap: .9rem; }
  .sq-name { justify-content: center; }
}

/* chat window: "AI concierge by SaltIQ" */
.ask-by { display: flex; align-items: center; gap: .6rem; padding: .55rem .8rem; border-top: 1px solid rgba(255,79,163,.35); background: var(--sq-bg);
  text-decoration: none; color: var(--sq-muted); font: 400 .75rem/1.3 'Lato', sans-serif; border-radius: 0 0 inherit inherit; }
.ask-by img { width: 30px; height: 30px; border-radius: 50%; flex: none; box-shadow: 0 0 0 1.5px var(--sq-pink), 0 0 10px rgba(46,230,200,.4); }
.ask-by b { font: 800 .8125rem/1 'Unbounded', 'Lato', sans-serif; background: linear-gradient(90deg, var(--sq-yellow), var(--sq-pink)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ask-by em { display: block; font: 700 .625rem/1.3 'Unbounded', 'Lato', sans-serif; font-style: normal; letter-spacing: .02em; color: var(--sq-ink); margin-top: 2px; }
.ask-by:hover b { filter: drop-shadow(0 0 6px rgba(46,230,200,.7)); }
@media (prefers-reduced-motion: reduce) { .sq-badge, .sq-cta { transition: none; } }