.wrap{max-width:1160px;margin:0 auto;padding:0 32px}.btn{font-family:var(--font);letter-spacing:-.01em;border-radius:var(--r-ctrl);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .14s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn svg{width:18px;height:18px}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.btn.primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-2px)}.btn.outline{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn.outline:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn.ghost{color:var(--ink-soft);background:0 0;padding:10px 14px}.btn.ghost:hover{background:var(--bg-tint);color:var(--ink)}.btn.lg{padding:16px 28px;font-size:16px}header.nav{z-index:40;background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}header.nav .inner{justify-content:space-between;align-items:center;gap:18px;height:66px;display:flex}.nav-links{align-items:center;gap:6px;display:flex}.nav-links .lnk{color:var(--ink-soft);border-radius:9px;padding:9px 13px;font-size:14.5px;font-weight:500;transition:all .15s}.nav-links .lnk:hover{color:var(--ink);background:var(--bg-tint)}.nav-actions{align-items:center;gap:10px;display:flex}.iconbtn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.iconbtn:hover{background:var(--bg-tint)}.iconbtn svg{width:17px;height:17px}.hero{padding:86px 0 70px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:940px){.hero-grid{grid-template-columns:1.02fr .98fr;gap:40px}}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:9px;padding:7px 14px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--have);width:8px;height:8px;box-shadow:0 0 0 4px var(--have-bg);border-radius:99px}h1.title{letter-spacing:-.035em;text-wrap:balance;margin:22px 0 0;font-size:clamp(38px,5.4vw,62px);font-weight:700;line-height:1.02}h1.title .accent{color:#ad9000;color:lab(60.9986% 4.17876 89.8288)}[data-theme=dark] h1.title .accent{color:#e1c34b;color:lab(79.6403% 1.42026 61.7525)}.lead{color:var(--ink-soft);text-wrap:pretty;max-width:540px;margin:22px 0 0;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-meta{flex-wrap:wrap;gap:8px 22px;margin-top:30px;display:flex}.hero-meta span{color:var(--ink-soft);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.hero-meta svg{width:16px;height:16px;color:var(--ink-faint)}.visual{position:relative}.blob{filter:blur(8px);opacity:.5;z-index:0;border-radius:40%;position:absolute}.panel{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:20px;position:relative}.panel .ph{align-items:center;gap:11px;margin-bottom:16px;display:flex}.avatar-mock{letter-spacing:-.02em;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.panel .who{font-size:14.5px;font-weight:600}.panel .where{color:var(--ink-faint);align-items:center;gap:5px;font-size:12.5px;display:flex}.panel .where svg{width:13px;height:13px}.dist{font-family:var(--mono);color:var(--ink-soft);background:var(--bg-tint);border-radius:99px;margin-left:auto;padding:5px 10px;font-size:12px;font-weight:700}.albumtag{color:#695700;color:lab(37.6497% 4.47753 74.5327);align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;font-weight:600;display:flex}[data-theme=dark] .albumtag{color:#e3ca69;color:lab(81.9341% .426412 50.7882)}.albumtag .sw{background:#a78a00;background:lab(58.6628% 4.43539 95.1088);border-radius:3px;width:9px;height:9px}.exch{grid-template-columns:1fr 1fr;gap:12px;display:grid}.box{background:var(--bg-tint);border-radius:12px;padding:12px 13px}.box .bh{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.box .bh svg{width:15px;height:15px}.box .bh .n{font-family:var(--mono);margin-left:auto;font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--mono);border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700}.chip.give{background:var(--trade-bg);color:var(--trade);border:1px solid color-mix(in oklch, var(--trade) 35%, transparent)}.chip.get{background:var(--have-bg);color:var(--have);border:1px solid var(--have-line)}.give-c{color:var(--trade)}.get-c{color:var(--have)}.panel .foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.panel .foot .lab{color:var(--ink-faint);font-size:12px}.panel .foot .cta{color:var(--primary-ink);background:var(--primary);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.panel .foot .cta svg{width:14px;height:14px}.gridcard{z-index:3;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;width:206px;padding:14px;position:absolute;bottom:-48px;right:-26px}@media (max-width:520px){.gridcard{width:auto;margin-top:18px;position:static}}.gridcard .gh{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.gridcard .gh .t{font-size:12px;font-weight:700}.gridcard .gh .k{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;font-size:10px}.mini{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sq-mock{aspect-ratio:1;font-family:var(--mono);border-radius:7px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:relative}.sq-mock.miss{background:var(--bg-tint);border:1.4px dashed var(--line-strong);color:var(--ink-faint)}.sq-mock.have,.sq-mock.rep{background:var(--have-bg);border:1.4px solid var(--have-line);color:var(--have)}.sq-mock .badge{background:var(--trade);color:#fff;border:2px solid var(--surface);border-radius:99px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:-6px;right:-6px}.sq-mock .ck{position:absolute;top:3px;left:4px}.sq-mock .ck svg{width:9px;height:9px}section.band{padding:74px 0}.seclead{text-align:center;max-width:680px;margin:0 auto 50px}.seclead .k{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.seclead h2{letter-spacing:-.03em;text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.08}.seclead p{color:var(--ink-soft);text-wrap:pretty;margin:16px 0 0;font-size:17px}.steps{grid-template-columns:1fr;gap:22px;display:grid}@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:28px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step .num{font-family:var(--mono);color:var(--ink-faint);font-size:13px;font-weight:700;position:absolute;top:18px;right:22px}.step .ic{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:18px;display:flex}.step .ic svg{width:25px;height:25px}.step h3{letter-spacing:-.02em;margin:0 0 9px;font-size:19px;font-weight:700}.step p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.55}.ic.a{color:#786100;color:lab(42.3268% 3.87585 74.9763);background:#faf1cb;background:lab(95.0552% -.962108 19.4929)}.ic.b{color:#006b2e;color:lab(38.9684% -39.594 26.517);background:#d9fadf;background:lab(95.4447% -14.8131 9.47232)}.ic.c{color:#1666aa;color:lab(41.339% -3.42631 -43.6335);background:#e4f2ff;background:lab(94.7058% -4.83859 -17.5544)}[data-theme=dark] .ic.a{color:#e3ca69;color:lab(81.9341% .426412 50.7882);background:#3f350a;background:lab(22.4936% .762388 26.9121)}[data-theme=dark] .ic.b{color:#8fe1a1;color:lab(82.9896% -35.8653 23.254);background:#17391f;background:lab(20.7227% -18.0411 11.8121)}[data-theme=dark] .ic.c{color:#9ed0ff;color:lab(81.0838% -8.13639 -41.0617);background:#193550;background:lab(20.8952% -3.14896 -20.35)}.split{grid-template-columns:1fr;align-items:center;gap:44px;display:grid}@media (min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}.split.alt .visual-col{order:-1}.feat-k{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.split h2{letter-spacing:-.03em;text-wrap:balance;margin:14px 0 16px;font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.1}.split p{color:var(--ink-soft);text-wrap:pretty;margin:0 0 18px;font-size:16px;line-height:1.6}.flist{flex-direction:column;gap:13px;margin-top:22px;display:flex}.fitem{align-items:flex-start;gap:13px;display:flex}.fitem .fic{background:var(--have-bg);width:30px;height:30px;color:var(--have);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fitem .fic svg{width:16px;height:16px}.fitem .ft{font-size:15px;font-weight:600}.fitem .fd{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.legend-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-md);padding:30px}.legend-grid{grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:24px;display:grid}.bigsq{aspect-ratio:1;border-radius:var(--r-sq);font-family:var(--mono);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative}.bigsq.miss{background:var(--bg-tint);border:1.6px dashed var(--line-strong);color:var(--ink-faint)}.bigsq.have{background:var(--have-bg);border:1.6px solid var(--have-line);color:var(--have)}.bigsq .badge{background:var(--trade);color:#fff;border:2px solid var(--surface);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:-7px;right:-7px}.bigsq .ck{color:var(--have);position:absolute;top:5px;left:6px}.bigsq .ck svg{width:12px;height:12px}.legend-rows{flex-direction:column;gap:14px;display:flex}.lrow{align-items:center;gap:14px;display:flex}.lrow .mk{width:34px;height:34px;font-family:var(--mono);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.lrow .lt b{font-size:14.5px}.lrow .lt span{color:var(--ink-soft);font-size:13px;display:block}.ctaband{background:var(--primary);color:var(--primary-ink);text-align:center;box-shadow:var(--shadow-lg);border-radius:26px;padding:60px 40px;position:relative;overflow:hidden}.ctaband h2{letter-spacing:-.03em;text-wrap:balance;max-width:620px;margin:0 auto;font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.06}.ctaband p{opacity:.78;max-width:520px;margin:18px auto 0;font-size:17px}.ctaband .row{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:32px;display:flex}.ctaband .btn.primary{background:var(--bg);color:var(--ink)}.ctaband .btn.outline{color:var(--primary-ink);border-color:color-mix(in oklch, var(--primary-ink) 40%, transparent);background:0 0}.ctaband .btn.outline:hover{background:color-mix(in oklch, var(--primary-ink) 12%, transparent)}.ctaband .tiles-bg{opacity:.16;z-index:0;position:absolute;inset:0}.ctaband .tiles-bg b{border-radius:13px;position:absolute}.ctaband .inner{z-index:1;position:relative}footer{border-top:1px solid var(--line);padding:40px 0 56px}footer .frow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}footer .links{flex-wrap:wrap;gap:20px;display:flex}footer .links a{color:var(--ink-soft);font-size:14px}footer .links a:hover{color:var(--ink)}footer .cr{color:var(--ink-faint);font-size:13px}.hide-sm{display:inline-flex}@media (max-width:680px){.hide-sm{display:none}}