.nav-link{display:flex;width:100%;align-items:center;gap:.75rem;border-radius:1rem;padding:.75rem 1rem;text-align:left;color:#cbd5e1;transition:.15s;text-decoration:none}.nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.nav-link.active{background:#fff;color:#020617}.mobile-nav{flex-shrink:0;border-radius:1rem;background:rgba(255,255,255,.08);padding:.5rem 1rem;font-size:.875rem;color:#cbd5e1;text-decoration:none}.mobile-nav.active{background:#fff;color:#020617}.glass-card{border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.72);box-shadow:0 18px 50px rgba(0,0,0,.25);border-radius:1.5rem}.pill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;color:#cbd5e1}.btn{border-radius:1rem;background:rgba(255,255,255,.1);padding:.55rem 1rem;font-size:.875rem;color:#e2e8f0;transition:.15s}.btn:hover{background:rgba(255,255,255,.16)}.btn-light{border-radius:1rem;background:#2563eb;padding:.55rem 1rem;font-size:.875rem;font-weight:700;color:#fff}.btn-light:hover{background:#3b82f6}.input{border:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.72);border-radius:1rem;padding:.55rem .8rem;color:white}.input:focus{outline:none;border-color:rgba(255,255,255,.35)}

.trip-card-selector{border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.72);box-shadow:0 18px 50px rgba(0,0,0,.25);border-radius:1.5rem;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.trip-card-selector:hover{border-color:rgba(255,255,255,.22)}.trip-card-selector.active{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.25)}
.btn-pill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:999px;padding:.35rem .8rem;font-size:.75rem;color:#cbd5e1;cursor:pointer;transition:.15s}
.btn-pill:hover{background:rgba(255,255,255,.12)}
.btn-pill.is-active{background:#fff;color:#020617;border-color:#fff}
.hidden{display:none}
details summary::-webkit-details-marker{display:none}
details summary::marker{content:''}
details[open] > summary{border-bottom:1px solid rgba(255,255,255,.05)}

/* --- Brand accent + polish (warm gold) --- */
:root{--accent:#e6b450;--accent-strong:#f2c66b;--accent-ink:#1b1305}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.text-accent{color:var(--accent)}
h1,h2,h3{letter-spacing:-.01em}
/* Stale/warning treatment — warm rose, distinct from the gold brand accent */
.badge-warn{border-radius:.75rem;border:1px solid rgba(245,130,100,.32);background:rgba(245,130,100,.14);color:#fca99c}
.text-warn{color:#fca99c}
.row-stale{border-color:rgba(245,130,100,.32);background:rgba(245,130,100,.06)}

/* --- Marketing landing (/join) --- */
.landing{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem}
.landing-top{display:flex;align-items:center;justify-content:space-between}
.gate-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:999px;padding:.5rem 1rem;font-size:.75rem;color:#cbd5e1;margin-top:1.5rem}
.landing-hero{display:grid;gap:2.5rem;align-items:center;margin-top:2rem}
.landing-h1{font-size:2.25rem;line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0}
.landing-sub{margin-top:1.25rem;max-width:36rem;color:#cbd5e1;font-size:1.05rem;line-height:1.6}
.landing-cta{margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem}
.btn-lg{padding:.8rem 1.5rem;font-size:.95rem}
.adv-row{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:.75rem;padding:.5rem .75rem;font-size:.75rem;margin-top:.5rem}
.landing-features{display:grid;gap:1rem;margin-top:1rem}
.landing-foot{margin-top:3.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;font-size:.75rem;color:#64748b}
@media(min-width:560px){.landing-cta{flex-direction:row}}
@media(min-width:680px){.landing-features{grid-template-columns:1fr 1fr}}
@media(min-width:820px){.landing{padding:2.5rem 1.5rem}.landing-hero{grid-template-columns:1.05fr .95fr;margin-top:3rem}.landing-h1{font-size:3rem}.landing-features{grid-template-columns:1fr 1fr 1fr}}