/* WeDesignAlbums — shared site styles (landing + trial + guide nav) */
:root{
  --ground:#faf8f3; --paper:#fffefb; --panel:#f4efe4;
  --ink:#2c2823; --ink-soft:#514a40; --muted:#8b8275;
  --gold:#b8975a; --gold-deep:#9a7c42;
  --line:#e7e0d3; --line-strong:#d8cfbd;
  --amber-bg:#fbf3df; --amber-line:#e6cf9a; --amber-ink:#7a5b1e;
  --ink-dark:#1c1c1f; --ink-dark-2:#232327;
  --shadow:0 1px 2px rgba(44,40,35,.04),0 8px 30px -18px rgba(44,40,35,.25);
  --shadow-lg:0 30px 80px -40px rgba(44,40,35,.55);
  --maxread:64ch;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#17140f; --paper:#1f1b15; --panel:#241f18;
    --ink:#f2ece0; --ink-soft:#cabfab; --muted:#9a907e;
    --gold:#ccaa68; --gold-deep:#e0c081;
    --line:#332c22; --line-strong:#463d2f;
    --amber-bg:#2a2314; --amber-line:#5a4a2a; --amber-ink:#e5cd93;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 34px -20px rgba(0,0,0,.7);
    --shadow-lg:0 30px 80px -30px rgba(0,0,0,.8);
  }
}
:root[data-theme="dark"]{
  --ground:#17140f; --paper:#1f1b15; --panel:#241f18;
  --ink:#f2ece0; --ink-soft:#cabfab; --muted:#9a907e;
  --gold:#ccaa68; --gold-deep:#e0c081;
  --line:#332c22; --line-strong:#463d2f;
  --amber-bg:#2a2314; --amber-line:#5a4a2a; --amber-ink:#e5cd93;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 34px -20px rgba(0,0,0,.7);
  --shadow-lg:0 30px 80px -30px rgba(0,0,0,.8);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--gold-deep)}
::selection{background:var(--gold);color:#fff}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.serif{font-family:"Cormorant Garamond",Georgia,serif}

/* ---------- Site nav ---------- */
.site-nav{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--ground) 82%,transparent);
  backdrop-filter:saturate(150%) blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700}
.brand img{width:30px;height:30px;border-radius:8px}
.brand .wm{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:1.35rem;letter-spacing:.01em}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{
  text-decoration:none;color:var(--ink-soft);font-size:.92rem;font-weight:600;
  padding:8px 13px;border-radius:8px;
}
.nav-links a:hover{background:var(--panel);color:var(--ink)}
.nav-cta{
  background:var(--gold-deep);color:#fff !important;padding:9px 17px !important;
  border-radius:100px;box-shadow:0 6px 18px -8px var(--gold-deep);
}
.nav-cta:hover{background:var(--gold) !important;color:#fff !important}
.nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px}
@media (max-width:720px){
  .nav-links{
    position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;
    gap:2px;padding:12px clamp(18px,4vw,44px);background:var(--ground);
    border-bottom:1px solid var(--line);display:none;
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 14px}
  .nav-toggle{display:inline-flex}
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-weight:700;font-size:.98rem;padding:14px 26px;border-radius:100px;
  border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease;
}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--gold-deep);color:#fff;box-shadow:0 14px 34px -14px var(--gold-deep)}
.btn-primary:hover{transform:translateY(-2px);background:var(--gold)}
.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-deep)}
.btn-dark{background:var(--ink-dark);color:#fff}
.btn-dark:hover{transform:translateY(-2px);background:#2b2b30}
.btn.disabled{opacity:.55;pointer-events:none}

.eyebrow{
  font-family:"Mulish";text-transform:uppercase;letter-spacing:.3em;
  font-size:.72rem;font-weight:700;color:var(--gold-deep);margin:0 0 16px;
}

/* ---------- Footer ---------- */
footer.site-foot{border-top:1px solid var(--line);margin-top:20px}
footer.site-foot .inner{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 30px;
  padding:38px 0 56px;color:var(--muted);font-size:.86rem;
}
footer.site-foot .brand-col{max-width:360px}
footer.site-foot .brand-col p{margin:10px 0 0}
footer.site-foot .credit{font-family:"Cormorant Garamond",serif;font-size:1.02rem;color:var(--ink-soft)}
footer.site-foot .foot-links{display:flex;gap:18px;flex-wrap:wrap}
footer.site-foot a{color:var(--ink-soft);text-decoration:none}
footer.site-foot a:hover{color:var(--gold-deep)}