/* Fourseat · shared marketing subpages (demo, waitlist, etc.) */

.marketing-subpage[data-theme='light']{
  --fg:var(--desert-ink,#2a2218);
  --muted:var(--desert-muted,#8a7960);
  --dim:#9a8868;
  --line:rgba(42,34,24,.12);
  --line-2:rgba(42,34,24,.2);
  --accent:var(--desert-clay,#a86438);
  --accent-2:var(--desert-terracotta,#c17a4a);
}

/* ── Nav on desert subpages ─────────────────────────────────────────────── */
body.marketing-subpage[data-theme='light'] nav{
  background:rgba(250,246,238,.92);
  border-color:rgba(42,34,24,.14);
  box-shadow:0 8px 32px rgba(42,34,24,.1);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
body.marketing-subpage[data-theme='light'] nav .brand-word{color:var(--desert-clay,#a86438)}
body.marketing-subpage[data-theme='light'] nav .nav-link{color:var(--desert-ink-soft,#5c4f3a)}
body.marketing-subpage[data-theme='light'] nav .nav-link:hover,
body.marketing-subpage[data-theme='light'] nav .nav-link.active{
  color:var(--desert-ink,#2a2218);
  background:rgba(28,23,18,.07);
}
body.marketing-subpage[data-theme='light'] nav .nav-cta{
  background:var(--desert-ink,#2a2218);
  color:var(--desert-sand-50,#faf6ee);
}
body.marketing-subpage[data-theme='light'] nav .nav-cta:hover{background:var(--desert-clay,#a86438)}
body.marketing-subpage[data-theme='light'] nav .brand-mark{filter:none}
body.marketing-subpage.waitlist-active .nav-cta{opacity:.55;pointer-events:none}

/* ── Waitlist · cinematic desert atmosphere ─────────────────────────────── */
body.wl-page{
  position:relative;
  min-height:100vh;
  background:#e8dcc6;
}
body.wl-page[data-theme='light']{
  background:
    radial-gradient(1100px 760px at 8% -5%, rgba(212,176,130,.5), transparent 58%),
    radial-gradient(900px 620px at 92% 8%, rgba(193,148,96,.32), transparent 54%),
    linear-gradient(180deg, #d9c9ad 0%, #e8dcc6 38%, #f3ebdd 100%);
}

.wl-atmosphere{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.wl-atmosphere-video,
.wl-atmosphere-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transform:scale(1.05);
}
.wl-atmosphere-video{opacity:.24}
.wl-atmosphere-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(20,14,10,.48) 0%, rgba(48,32,20,.12) 18%, rgba(243,235,221,.78) 46%, rgba(243,235,221,.94) 100%);
}

body.wl-page nav,
body.wl-page main,
body.wl-page footer{position:relative;z-index:1}

/* ── Waitlist layout ─────────────────────────────────────────────────────── */
body.wl-page .wl-main,
body.page-waitlist .wl-main{
  padding:clamp(108px,14vh,140px) 24px clamp(72px,10vh,96px);
  max-width:1080px;
}

.wl-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2.5rem,6vw,5rem);
  align-items:start;
}

.wl-intro{text-align:left;max-width:34rem}

.wl-eyebrow{
  display:block;
  margin:0 0 1.1rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:#b06b35;
}

.wl-title{
  font-family:var(--font-serif,'Instrument Serif',Georgia,serif);
  font-size:clamp(2.6rem,5.5vw,4rem);
  line-height:1.02;
  letter-spacing:-.025em;
  color:var(--fg,#2a2218);
  margin:0 0 1rem;
}
.wl-title em{font-style:italic;color:var(--accent,#a86438)}

.wl-lead{
  margin:0;
  font-size:1.06rem;
  line-height:1.68;
  color:var(--desert-ink-soft,#5c4f3a);
  max-width:30rem;
}

.wl-stat{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  margin-top:2rem;
  padding-top:1.35rem;
  border-top:1px solid rgba(42,34,24,.12);
}
.wl-stat-num{
  font-family:var(--font-serif,'Instrument Serif',Georgia,serif);
  font-size:clamp(2rem,4vw,2.6rem);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--fg,#2a2218);
}
.wl-stat-label{
  font-size:.92rem;
  line-height:1.4;
  color:var(--muted,#8a7960);
}

.wl-form{
  display:flex;
  flex-direction:column;
  gap:1.15rem;
  padding-top:.35rem;
}

.wl-field{display:flex;flex-direction:column;gap:.42rem}

.wl-label{
  font-size:.84rem;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:#2a2218;
}

.wl-form input[type=text],
.wl-form input[type=email]{
  width:100%;
  margin:0;
  padding:.84rem 1rem;
  background:rgba(255,252,246,.78);
  border:1px solid rgba(42,34,24,.11);
  border-radius:12px;
  color:#2a2218;
  font-family:inherit;
  font-size:.96rem;
  line-height:1.4;
  box-shadow:
    0 1px 2px rgba(42,34,24,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.wl-form input::placeholder{color:rgba(42,34,24,.36)}
.wl-form input:hover{
  border-color:rgba(42,34,24,.18);
  background:rgba(255,252,246,.92);
}
.wl-form input:focus{
  outline:none;
  border-color:rgba(168,100,56,.42);
  background:#fff;
  box-shadow:
    0 0 0 4px rgba(168,100,56,.11),
    0 2px 10px rgba(42,34,24,.06);
}

.wl-submit{
  align-self:flex-start;
  margin-top:.65rem;
  padding:.82rem 1.5rem;
  border:none;
  border-radius:12px;
  background:#2a2218;
  color:#faf6ee;
  font:inherit;
  font-size:.88rem;
  font-weight:600;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background .22s ease, transform .22s ease;
}
.wl-submit:hover{background:#a86438;transform:translateY(-1px)}
.wl-submit:disabled{opacity:.55;cursor:wait;transform:none}

.waitlist-optional{font-weight:400;color:var(--muted)}

.subpage-page,
.demo-page{
  padding:128px 24px 80px;
  max-width:1100px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.subpage-header,
.demo-header{
  text-align:center;
  max-width:640px;
  margin:0 auto 2.5rem;
}

.subpage-eyebrow,
.demo-eyebrow{
  display:block;
  font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:#4d6355;margin-bottom:1rem;
}

body.wl-page .subpage-eyebrow,
body.page-waitlist .subpage-eyebrow{
  color:#4d6355;
  background:none;border:none;padding:0;border-radius:0;
}

.subpage-title,
.demo-title{
  font-family:var(--font-serif,'Instrument Serif',Georgia,serif);
  font-size:clamp(2.2rem,5vw,3.4rem);
  line-height:1.06;letter-spacing:-.02em;
  color:var(--fg);margin-bottom:1rem;
}
.subpage-title em,
.demo-title em{font-style:italic;color:var(--accent,#a86438)}

.subpage-lead,
.demo-lead{
  font-size:1.05rem;line-height:1.65;color:var(--desert-ink-soft,#5c4f3a);
}

/* Legacy panel (non-waitlist subpages) */
.subpage-panel{
  max-width:460px;
  margin:0 auto;
  background:rgba(252,248,240,.96);
  border:1px solid rgba(42,34,24,.14);
  border-top:2px solid rgba(42,34,24,.28);
  border-radius:10px;
  padding:1.65rem 1.55rem 1.5rem;
  box-shadow:0 16px 40px rgba(42,34,24,.07);
}
.subpage-panel .input-label{
  color:#2a2218;font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:.45rem;
}
.subpage-panel input[type=text],
.subpage-panel input[type=email]{
  background:#fff;border:1px solid rgba(42,34,24,.16);color:var(--desert-ink,#2a2218);
  border-radius:8px;padding:.78rem .9rem;font-size:.94rem;
}
.subpage-panel .btn-primary{
  width:100%;justify-content:center;margin-top:1.35rem;padding:.82rem 1.2rem;border-radius:8px;
  background:#2a2218;color:#faf6ee;font-weight:600;
}
.subpage-panel .btn-primary:hover{background:#a86438}

.waitlist-count{
  display:block;width:100%;margin:0 0 1.35rem;padding:0 0 1.15rem;
  border-bottom:1px solid rgba(42,34,24,.1);
  font-size:.92rem;line-height:1.4;color:#6a5c48;text-align:left;
}
.waitlist-count strong{color:#2a2218;font-weight:600}

body.wl-page footer{
  border-top:1px solid rgba(139,92,50,.18);
  background:rgba(232,220,198,.72);
  backdrop-filter:blur(12px);
}

/* ── Demo · sitewide desert paper (same as home) ───────────────────────── */
body.demo-site footer{
  border-top:1px solid rgba(139,92,50,.18);
  background:rgba(232,220,198,.72);
  backdrop-filter:blur(12px);
}

@media (max-width:820px){
  .wl-grid{grid-template-columns:1fr;gap:2rem}
  .wl-intro{max-width:none;text-align:center;margin-inline:auto}
  .wl-lead{margin-inline:auto}
  .wl-stat{justify-content:center}
  .wl-submit{align-self:stretch;text-align:center}
}

@media (max-width:640px){
  .subpage-page,
  .demo-page{padding-top:96px}
  body.wl-page .wl-main,
  body.page-waitlist .wl-main{padding-top:96px}
  .subpage-panel{padding:1.45rem 1.2rem 1.35rem;border-radius:10px}
}