@import url('tokens.css');
* { box-sizing: border-box; }
body { margin: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); }
a { color: inherit; } .shell { width:min(100% - var(--space-5) * 2,var(--page-max)); margin-inline:auto; }
.page-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:6rem; border-bottom:1px solid var(--color-rule); }
.brand img { width:10.2rem; height:3.4rem; object-fit:contain; object-position:left center; }.page-nav { display:flex; gap:1.25rem; align-items:center; font-size:.9rem; font-weight:700; }.page-nav a { text-decoration:none; color:var(--color-muted); }.page-nav a:hover,.page-nav a[aria-current="page"] { color:var(--color-accent-deep); }.nav-join { padding:.7rem 1rem; border-radius:999px; background:var(--color-ink); color:var(--color-on-accent)!important; }
.page-hero { padding:5.5rem 0 4.5rem; background:linear-gradient(125deg,#fff9ef 0%,#f8eddb 100%); }.eyebrow { margin:0; color:var(--color-accent-deep); font-size:.78rem; font-weight:800; letter-spacing:.1em; }.page-hero h1 { max-width:14ch; margin:.8rem 0 1.25rem; font-size:clamp(2.6rem,6vw,5.1rem); letter-spacing:-.06em; line-height:1.03; }.page-hero p:not(.eyebrow) { max-width:45rem; color:var(--color-muted); font-size:1.1rem; line-height:1.75; }.section { padding:5rem 0; }.section-muted { background:#f5ede1; }.section h2 { max-width:20ch; margin:0 0 1.5rem; font-size:clamp(1.8rem,3.6vw,3rem); letter-spacing:-.045em; line-height:1.15; }.lead { max-width:48rem; color:var(--color-muted); line-height:1.75; }
.value-grid,.partner-grid,.standard-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }.card { padding:1.5rem; border:1px solid var(--color-rule); border-radius:1.1rem; background:var(--color-paper); }.card .material-symbols-rounded { color:var(--color-accent-deep); font-size:1.65rem; }.card h3 { margin:.8rem 0 .55rem; font-size:1.15rem; }.card p,.card li { color:var(--color-muted); line-height:1.65; }.partner-card { overflow:hidden; padding:0; }.partner-card img { width:100%; aspect-ratio:1/1; object-fit:cover; }.partner-card > div { padding:1.35rem; }.partner-meta { color:var(--color-accent-deep)!important; font-size:.82rem; font-weight:700; }.partner-card a { display:inline-flex; margin-top:.5rem; color:var(--color-accent-deep); font-weight:800; text-decoration:none; }.flow { display:grid; grid-template-columns:repeat(5,1fr); gap:.7rem; margin-top:2rem; }.flow div { padding:1rem; border-radius:.85rem; background:var(--color-paper); font-weight:700; text-align:center; }.flow div::after { content:'→'; float:right; color:var(--color-accent-deep); }.flow div:last-child::after { display:none; }
.cta { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2.5rem; border-radius:1.4rem; background:var(--color-ink); color:var(--color-on-accent); }.cta h2 { margin:0; }.cta p { max-width:40rem; color:#e9dece; line-height:1.7; }.button { display:inline-flex; justify-content:center; align-items:center; min-height:3.2rem; border:0; border-radius:.75rem; padding:0 1.25rem; background:var(--color-accent); color:var(--color-ink); font:inherit; font-weight:800; text-decoration:none; cursor:pointer; white-space:nowrap; }
.policy-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; padding:0; list-style:none; }.policy-list li { padding:1rem; border-left:3px solid var(--color-accent); background:var(--color-paper); line-height:1.6; }.join-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; max-width:52rem; }.join-form label { display:grid; gap:.45rem; font-weight:700; }.join-form input,.join-form select,.join-form textarea { width:100%; border:1px solid var(--color-rule); border-radius:.7rem; padding:.85rem 1rem; background:var(--color-paper); color:var(--color-ink); font:inherit; }.join-form textarea,.join-form .full { grid-column:1/-1; }.form-note { min-height:1.5rem; color:var(--color-accent-deep); }.site-footer { padding:2.5rem 0; border-top:1px solid var(--color-rule); color:var(--color-muted); font-size:.85rem; }
@media(max-width:48rem){.shell{width:min(100% - 2rem,76rem)}.page-header{min-height:5.2rem}.page-nav{gap:.8rem;font-size:.78rem}.page-nav a:not(.nav-join){display:none}.page-hero{padding:3.5rem 0}.value-grid,.partner-grid,.standard-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow div::after{content:'↓'}.cta{align-items:flex-start;flex-direction:column}.join-form{grid-template-columns:1fr}.join-form .full{grid-column:auto}}

.partner-logo-media { display:grid; aspect-ratio:1/1; place-items:center; padding:1.25rem; background:#fff; }
.partner-card .partner-logo-media img { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; }

/* Shared marketplace header across all secondary pages. */
.utility-strip { min-height:2.25rem; background:#3d3529; color:#eee3d0; font-size:.78rem; font-weight:500; }
.utility-strip .shell { display:flex; align-items:center; justify-content:center; min-height:inherit; }
.site-header { position:relative; z-index:3; display:flex; align-items:center; gap:1.5rem; min-height:6.5rem; border-bottom:1px solid var(--color-rule); background:rgba(247,244,238,.97); }
.site-header .brand { display:inline-flex; align-items:center; margin-right:auto; }
.site-header .brand img { width:clamp(8.5rem,14vw,12.5rem); height:clamp(2.8rem,4.4vw,4.1rem); object-fit:contain; object-position:left center; }
.desktop-nav { display:flex; align-items:center; justify-content:flex-end; flex:1; gap:1rem; }
.desktop-nav a { display:inline-flex; align-items:center; gap:.45rem; padding:.8rem .65rem; color:var(--color-ink); font-size:.95rem; font-weight:600; text-decoration:none; white-space:nowrap; }
.desktop-nav a:hover,.desktop-nav a[aria-current="page"] { color:var(--color-accent-deep); text-decoration:underline; text-underline-offset:.3rem; }
.desktop-nav .material-symbols-rounded { color:var(--color-accent-deep); font-size:1.2rem; }
.header-actions { position:relative; display:flex; align-items:center; gap:var(--space-2); }
.market-label { color:var(--color-muted); font-size:var(--text-sm); white-space:nowrap; }
.utility-button { display:inline-flex; align-items:center; gap:var(--space-1); min-height:3rem; border:0; border-inline-start:var(--line-thin) solid var(--color-rule); padding:.7rem 1rem; background:transparent; color:var(--color-muted); font-size:1.05rem; }
.icon-button { display:inline-grid; place-items:center; min-width:3rem; cursor:pointer; }
.mobile-menu { position:absolute; z-index:4; top:calc(100% + var(--space-2)); right:0; width:min(18rem,calc(100vw - var(--space-5) * 2)); border:var(--line-thin) solid var(--color-rule); padding:var(--space-2); background:var(--color-paper); box-shadow:var(--shadow-dialog); }
.mobile-menu a { display:block; padding:var(--space-3); border-bottom:var(--line-thin) solid var(--color-rule); color:var(--color-ink); text-decoration:none; }
.mobile-menu a[aria-current="page"] { color:var(--color-accent-deep); font-weight:700; }
.mobile-menu a:last-child { border-bottom:0; }
@media(max-width:56rem){.desktop-nav{display:none}.site-header{min-height:5.5rem}.market-label{display:none}}
@media(max-width:42rem){.shell{width:min(100% - var(--space-4) * 2,var(--page-max))}.site-header .brand img{width:8.7rem;height:3.1rem}.utility-button{padding:.6rem .75rem}}