/* Niche landing pages (/for/<niche>/). Loaded after style.css; uses the same colours and fonts. No nav: logo plus one button. */
.landing .hdr-cta{min-height:46px;padding:0 22px}
.landing .hero h1{max-width:16ch}
.landing .hero .lead{max-width:34ch}
/* trade vocabulary: chips of the trades, then three short "what you get" lines */
.vocab{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.trade-chips{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.trade-chips li{border:1px solid #2A3A3D;background:#182427;color:#F6F4EC;border-radius:999px;padding:9px 18px;font-size:1rem;transition:border-color .25s}
.trade-chips li:hover{border-color:#FFD83D}
.wants{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wants li{border-top:2px solid #FFD83D;padding-top:14px}
.wants b{display:block;font:300 1.35rem/1.25 "Fraunces","Fraunces Fallback",Georgia,"Times New Roman",serif;color:#F6F4EC;margin-bottom:.35rem}
.wants p{margin:0;color:#A9B8B6}
/* the lead demo gets a little more weight */
.tier--lead .stage{box-shadow:inset 0 -3px 0 #FFD83D}
.section--light .sec-head p{color:#1C2B2D;margin:0 0 1.5rem}
/* founding on a dark band */
.founding--dark .f-lead{color:#F6F4EC}
.founding--dark .f-terms{color:#F6F4EC}
.founding--dark .f-note{color:#A9B8B6}
/* footer: legal links only */
.lfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.lfoot p{margin:0;color:#A9B8B6}
.lfoot a{color:#F6F4EC}
@media (max-width:960px){.vocab{grid-template-columns:1fr}.wants{grid-template-columns:1fr}}
@media (max-width:560px){.landing .hdr-cta{padding:0 16px;min-height:44px;letter-spacing:.1em}.landing .brand img{height:28px}}
@media (prefers-reduced-motion:reduce){.trade-chips li{transition:none}}

/* trade photo tiles under the vocabulary block */
.trade-tiles{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trade-tiles li{position:relative;border-radius:10px;overflow:hidden;background:#182427;aspect-ratio:16/9}
.trade-tiles img{width:100%;height:100%;object-fit:cover;display:block}
.trade-tiles span{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 10px;background:linear-gradient(transparent,rgba(16,25,27,.88));color:#F6F4EC;font-size:1rem}
.trade-tiles:has(li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:720px){.trade-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* /for/ pages: breadcrumb under the header, niche links in the footer; /lp/ pages have neither */
.landing .hero h1{max-width:20ch}
.crumbs{background:#0C1315;border-bottom:1px solid #2A3A3D}
.crumbs ol{list-style:none;margin:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:6px;font-size:.9rem;color:#A9B8B6}
.crumbs li+li::before{content:"/";margin-right:6px;color:#4D5B5C}
.crumbs a{color:#F6F4EC}
.lfoot2{margin-top:24px;padding-top:20px;border-top:1px solid #2A3A3D}
.lfoot2 h2{font:500 12px "DM Sans","DM Sans Fallback",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;color:#A9B8B6}
.lfoot2 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.lfoot2 a{color:#F6F4EC}