@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--ink:#17201d;--muted:#69736e;--paper:#f7f7f2;--card:#fff;--line:#e2e5df;--accent:#d8ef9c;--accent2:#b8d96d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,247,242,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand-mark{width:31px;height:31px;border-radius:9px;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-family:Manrope;font-size:17px}.dot{color:#9ab957}.topbar nav{display:flex;gap:30px}.topbar nav a{color:var(--muted);text-decoration:none;font-size:14px}.actions{display:flex;gap:9px}.login,.sell,.outline{border:0;border-radius:11px;padding:11px 16px;font:600 14px inherit;cursor:pointer}.login{background:transparent}.sell{background:var(--ink);color:#fff}.hero{background:var(--ink);color:#fff;padding:100px 6vw 84px;overflow:hidden}.hero-inner{max-width:1000px;margin:auto}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#8fae52}.hero .eyebrow{color:var(--accent)}h1,h2{font-family:Manrope;margin:0;letter-spacing:-2.5px}h1{font-size:clamp(48px,7vw,88px);line-height:.98;margin:18px 0}.hero h1 span{color:var(--accent)}.hero p{font-size:19px;color:#c9d0cc;max-width:560px;margin:0 0 32px}.searchbox{background:#fff;border-radius:15px;padding:7px;display:flex;max-width:760px}.search-icon{color:#7a837e;font-size:27px;padding:7px 10px}.searchbox input{border:0;outline:0;flex:1;font:500 16px inherit;min-width:0}.searchbox button{border:0;background:var(--accent);color:var(--ink);font:700 15px inherit;border-radius:10px;padding:0 25px;cursor:pointer}.quick{display:flex;gap:9px;align-items:center;margin-top:15px;flex-wrap:wrap;color:#8f9994;font-size:12px}.quick button{border:1px solid #46514c;background:transparent;color:#dfe4e1;border-radius:99px;padding:6px 11px;cursor:pointer}.section{padding:78px 6vw}.section>*,.section-head,.layout{max-width:1180px;margin-left:auto;margin-right:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2,.how h2{font-size:34px;margin-top:7px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories button{text-align:left;min-height:130px;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--card);cursor:pointer;transition:.2s}.categories button:hover{transform:translateY(-3px);border-color:#bcc4bb}.categories b{display:block;font-size:15px;margin-bottom:9px}.categories small{color:var(--muted)}.outline{background:transparent;border:1px solid var(--line)}.listings-section{background:#eef0ea}.layout{display:grid;grid-template-columns:210px 1fr;gap:24px}.filters{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;height:max-content;display:grid;gap:18px}.filters strong{font-family:Manrope}.filters label,.modal-card label{display:grid;gap:7px;font-size:12px;color:var(--muted)}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px;font:inherit;color:var(--ink)}textarea{min-height:100px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #17201d12}.photo{aspect-ratio:1/1;background:#e1e4df;display:grid;place-items:center;font-family:Manrope;font-size:38px;color:#8b948f}.info{padding:14px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#7b847f}.title{font-weight:700;margin:7px 0}.price{font-family:Manrope;font-size:19px}.meta{font-size:12px;color:var(--muted);margin-top:5px}.empty{text-align:center;padding:50px;color:var(--muted)}.how{background:#fff;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps div{border-top:1px solid var(--line);padding-top:15px}.steps span{font-size:11px;color:#8fae52;font-weight:700}.steps h3{margin:12px 0 5px}.steps p{color:var(--muted);font-size:14px;line-height:1.5}footer{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:18px}footer .brand-mark{width:26px;height:26px;font-size:14px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:#17201d99;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{background:#fff;border-radius:20px;padding:30px;max-width:480px;width:100%;position:relative;display:grid;gap:15px}.modal-card h2{font-size:30px}.close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.wide{width:100%;padding:13px}@media(max-width:900px){.topbar nav{display:none}.categories{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,1fr);align-items:end}.grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.topbar{padding:0 18px}.hero,.section{padding-left:18px;padding-right:18px}.hero{padding-top:70px}.actions .login{display:none}.categories{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}footer{padding:28px 18px;display:block}footer p{margin-top:18px}.searchbox button{padding:0 16px}}

.swap-banner{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding-top:46px;padding-bottom:46px}.swap-banner h2{font-size:32px;margin:7px 0 10px}.swap-banner p{color:#c9d0cc;max-width:680px;line-height:1.55}.wanted{font-size:12px;color:#66716b;margin-top:9px;line-height:1.4}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;cursor:pointer}.mini.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.swap-fields[hidden]{display:none}@media(max-width:700px){.swap-banner{grid-template-columns:1fr}}