@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#15233b;font-family:'DM Sans',sans-serif}button,a,input,select,textarea{font:inherit}button,.secondary{background:#224bdd;color:white;border:0;border-radius:8px;padding:12px 19px;cursor:pointer;text-decoration:none;font-weight:600}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#224bdd;border:1px solid #cad5ee}.light{background:transparent;color:#224bdd}.full{width:100%}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e6f0;gap:20px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;text-decoration:none;color:#224bdd;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:1px;margin-left:10px}nav{display:flex;gap:10px}.nav{background:none;color:#647086;font-size:14px;padding:10px}.nav.active{color:#224bdd;background:#eaf0ff}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.account,.signout{font-size:12px;color:#5e6d65;max-width:130px;overflow:hidden}.launch{background:#edf2ff;color:#52617b;padding:9px 5%;font-size:11px;letter-spacing:.3px}main{max-width:1350px;margin:auto;padding:38px 5% 70px}.hero{background:#edf2ff;border-radius:20px;display:grid;grid-template-columns:1.25fr 1fr;min-height:450px;padding:55px 45px;margin-bottom:55px;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#224bdd}h1{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2px;line-height:1.14;margin:20px 0}h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.7px;margin:10px 0 22px}h3{font-size:17px;margin:8px 0 15px}.hero p{font-size:16px;line-height:1.8;max-width:470px;color:#647086;margin-bottom:28px}.herofoot{font-size:11px;margin-top:35px;color:#647086}.herofoot span{margin:0 10px}.art{position:relative;min-height:340px}.artcard{position:absolute;border:9px solid #fff;border-radius:14px;width:195px;height:285px;box-shadow:0 22px 35px #243e2e25;display:flex;align-items:center;flex-direction:column;padding:16px;color:white;justify-content:space-between}.artcard small{font-size:8px;letter-spacing:2px}.artcard strong{font-family:Manrope;font-size:22px}.artcard span{font-size:6px;letter-spacing:1px}.blue{background:repeating-linear-gradient(135deg,#175979,#175979 12px,#216481 12px,#216481 13px);transform:rotate(-14deg);top:15px;left:25px}.gold{background:radial-gradient(circle at 50% 40%,#ffef9d,#d7a645);transform:rotate(12deg);top:52px;left:170px;color:#654820}.ball{font-size:85px}.star{font-size:125px}.arttag{position:absolute;background:#fff;border-radius:8px;padding:14px 20px;font-size:12px;font-weight:600;bottom:0;left:75px;box-shadow:0 7px 20px #203b2215}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.muted{color:#647086}.small{font-size:12px}.filters{display:flex;gap:15px;margin-bottom:28px}.search{display:flex;align-items:center;background:white;border:1px solid #dce3ee;border-radius:8px;padding-left:15px;flex:1}.search input{border:0;background:transparent}.filters select{width:220px}input,select,textarea{width:100%;padding:12px;border:1px solid #dce3ee;background:#fff;color:#15233b;border-radius:7px;outline-color:#224bdd}textarea{min-height:90px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #e1e6f0;border-radius:13px;overflow:hidden}.photo{height:250px;position:relative;background:#f0f3f8;padding:20px;text-align:center}.photo img{height:100%;width:100%;object-fit:contain}.pill{position:absolute;left:10px;bottom:10px;background:#fff;padding:6px 9px;border-radius:5px;font-size:10px}.cardbody{padding:18px}.cardbody .row{justify-content:space-between}.empty{text-align:center;border:1px dashed #cad5ee;border-radius:14px;padding:55px 20px;background:#edf2ff}.empty>span{font-size:40px;color:#224bdd}.empty p{color:#647086;font-size:14px}.stats{display:flex;gap:20px;margin:30px 0}.stats>div{background:#edf2ff;border-radius:12px;padding:25px;flex:1;display:flex;flex-direction:column;gap:10px}.stats strong{font-size:32px}.collectionrow{display:flex;align-items:center;gap:20px;padding:18px;background:#fff;border-bottom:1px solid #e1e6f0}.collectionrow>div{flex:1}.collectionlist{margin-bottom:40px}.badge{font-size:11px;padding:7px 12px;border-radius:50px;background:#edf2ff}.offer{background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:25px;margin:20px 0}.shipping{padding:15px;background:#f0f3f8;margin-top:20px;border-radius:8px}.step{display:flex;gap:25px;margin:30px 0;padding:25px 0;border-bottom:1px solid #dce3ee}.step>span{font-size:30px;color:#97aa8e}.step p,.guide p{color:#647086;line-height:1.8}.guide{max-width:820px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 15px;background:#fff;border:1px solid #cad5ee;border-radius:10px;box-shadow:0 5px 30px #0002;z-index:50;display:flex;align-items:center;max-width:90%}.overlay{position:fixed;inset:0;background:#15233b99;display:flex;align-items:center;justify-content:center;z-index:40;padding:25px}.modal{background:#f7f9fc;border-radius:15px;padding:32px;width:570px;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:10px;top:6px;font-size:24px}.modal h2{font-size:25px;margin-right:20px}.modal label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}.modal label input,.modal label select,.modal label textarea{margin-top:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.target{display:flex;gap:20px;align-items:center;background:#edf2ff;padding:15px;border-radius:10px}.target img{width:65px;height:85px;object-fit:contain}.modal .checkbox{display:flex;align-items:center;gap:12px;background:white;padding:10px;border-radius:6px}.checkbox input{width:auto;margin:0!important}.checkbox strong{margin-left:auto}.balance{padding:15px;background:#edf2ff;border-radius:8px;margin:20px 0}footer{border-top:1px solid #e1e6f0;display:flex;justify-content:space-between;align-items:center;padding:30px 5%;color:#647086;font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #d5ad57;outline-offset:3px}@media(max-width:1050px){header{flex-wrap:wrap}nav{order:3;width:100%}.grid{grid-template-columns:repeat(3,1fr)}.hero{padding:35px 25px}.art{transform:scale(.85);transform-origin:left center}h1{font-size:40px}}@media(max-width:760px){main{padding-top:20px}.hero{grid-template-columns:1fr;padding:30px 22px}.hero h1{font-size:38px}.art{min-height:340px;margin-top:20px;transform:scale(.85);transform-origin:top left}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo{height:200px}.filters{flex-direction:column}.filters select{width:100%}.sectionhead{align-items:flex-start;gap:10px}.sectionhead h1{font-size:32px}.account,.signout{display:none}header{padding:18px 5%;gap:12px}.brand{font-size:23px}nav{overflow:auto}.nav{white-space:nowrap;font-size:12px}header button{font-size:12px;padding:10px}.offer .spread{align-items:flex-start;flex-direction:column}.stats{gap:10px}.stats>div{padding:15px}.modal{padding:25px 20px}footer p{display:none}.herofoot{line-height:1.8}.collectionrow{gap:10px}.formgrid{grid-template-columns:1fr}}
.bubble{background:#f0f3f8;padding:14px 18px;border-radius:10px;margin:12px 15% 12px 0}.bubble.sent{background:#e7edff;margin:12px 0 12px 15%}.bubble small{color:#647086;font-size:10px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}
.imagebutton{background:transparent;padding:0;width:100%;height:100%;border:0}.detailphoto{width:100%;height:330px;object-fit:contain;background:#f0f3f8;border-radius:10px}
.hero{min-height:340px;padding:38px 40px}.hero h1{font-size:42px}.hero .art{min-height:270px;transform:scale(.82);transform-origin:center top}.herofoot{margin-top:24px}@media(max-width:760px){.hero{padding:25px 22px}.hero h1{font-size:36px}.hero .art{min-height:270px;transform-origin:left top}.hero .row{flex-wrap:wrap}}

/* Swapdeck — The Collector Club */
:root{--cobalt:#224BDD;--coral:#EF5745;--gold:#FFD447;--ink:#15233B;--white:#fff}
header{padding:22px 4%;gap:30px;background:white;border:0}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand img{width:210px;height:auto;display:block}.brand span{font-size:11px;margin:0;color:var(--cobalt)}.header-search{display:flex;flex:1;max-width:550px;background:#f6f8fc;border:1px solid #dce3ee;border-radius:8px;overflow:hidden}.header-search label{display:flex;align-items:center;flex:1;min-width:0;gap:10px;padding-left:14px}.header-search label>span{font-size:25px;color:#6b7690}.header-search input{border:0;background:transparent;font-size:13px;min-width:0}.header-search button{border-radius:0;font-size:12px;padding:13px 18px}.market-nav{background:var(--cobalt);padding:0 4%}.market-nav nav{max-width:1350px;margin:auto;gap:8px;overflow:auto}.nav{color:#fff;border-radius:0;padding:15px 18px;font-size:13px;white-space:nowrap}.nav.active{color:var(--ink);background:var(--gold)}.nav:hover{background:#ffffff20}.nav.active:hover{background:var(--gold)}.launch{background:#edf2ff;color:#52617b;font-size:10px;padding:8px 4%}main{max-width:1440px;padding:30px 4% 65px}.hero{position:relative;display:block;background:linear-gradient(90deg,#0e2038eb 0%,#0e2038be 32%,#0e203833 64%,transparent 100%),url('/brand/collector-hero.webp') center 55%/cover;border-radius:14px;color:white;padding:42px 45px;min-height:410px;margin-bottom:20px}.hero-copy{position:relative;z-index:1;max-width:510px}.hero .eyebrow{color:var(--gold);font-size:10px}.hero h1{font-size:57px;line-height:1.08;letter-spacing:-2.8px;color:white;margin:20px 0}.hero h1 span{color:#ff8274}.hero p{color:#f0f3f8;line-height:1.65;font-size:16px;margin:20px 0 25px;max-width:400px}.hero button{background:#C83F30;color:#fff;border-radius:7px;padding:13px 20px}.hero button.light{background:#15233b66;color:#fff;border:1px solid #ffffff70}.herofoot{color:#fff;font-size:10px;letter-spacing:.4px;margin-top:28px}.art-caption{position:absolute;bottom:10px;right:15px;color:#fff;background:#15233b80;font-size:9px;padding:3px 6px;border-radius:3px}.collector-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.collector-categories button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:white;border:1px solid #dce3ee;color:var(--ink);padding:19px 22px;gap:16px;box-shadow:0 4px 15px #15233b03}.collector-categories button>span:nth-child(2){flex:1}.collector-categories strong{display:block;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px}.collector-categories small{display:block;margin-top:5px;font-size:11px;color:#647086}.category-number{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#eaf0ff;color:var(--cobalt);font-weight:800;font-size:14px}.collector-categories button:nth-child(2) .category-number{background:#fff0ed;color:#bf3d30}.collector-categories button:nth-child(3) .category-number{background:#fff8db;color:#816500}.community-band{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px;padding:10px 5px 28px;border-bottom:1px solid #dce3ee;margin-bottom:34px}.community-band>div{display:flex;flex-direction:column;gap:6px}.community-band>div:first-child strong{font-size:17px}.community-band p,.community-band small{color:#647086;font-size:11px;margin:0;line-height:1.5}.community-band span{font-size:10px;font-weight:800;color:var(--cobalt)}.community-band strong{font-size:13px}.eyebrow{color:var(--cobalt)}.card{border-radius:10px}.cardbody h3{color:var(--ink)}.secondary{color:var(--cobalt);border-color:#cad5ee}.empty{background:#edf2ff}.empty>span{color:var(--cobalt)}footer{background:white}footer .brand img{width:160px}button:focus-visible,a:focus-visible{outline:3px solid #e1ae09;outline-offset:3px}.signout,.account{color:#647086}
@media(max-width:1100px){header{gap:18px}.brand img{width:170px}.header-search{max-width:none}.hero h1{font-size:50px}.hero{padding:38px;min-height:385px}.community-band{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:15px}.collector-categories button{padding:16px;gap:10px}.collector-categories strong{font-size:15px}}
@media(max-width:760px){header{padding:16px 5%;gap:12px;flex-wrap:wrap}.brand img{width:150px}header>.row{margin-left:auto}.header-search{flex-basis:100%;order:3}.header-search input{font-size:12px}.market-nav{padding:0}.market-nav nav{gap:0}.nav{font-size:11px;padding:13px 14px}.launch{font-size:9px;line-height:1.5;padding:7px 5%}main{padding:20px 5% 45px}.hero{min-height:415px;padding:30px 24px;background-position:65% center;background-image:linear-gradient(90deg,#0e2038e8,#0e203890),url('/brand/collector-hero.webp');border-radius:10px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero p{font-size:14px;max-width:310px}.hero .row{flex-wrap:wrap;gap:10px}.hero button{padding:12px 15px;font-size:12px}.herofoot{font-size:9px;line-height:1.7;max-width:230px}.collector-categories{grid-template-columns:1fr;gap:8px;margin-bottom:22px}.collector-categories button{padding:13px 16px}.collector-categories small{font-size:11px}.category-number{width:34px;height:34px}.community-band{grid-template-columns:1fr 1fr;gap:17px}.community-band>div:first-child{grid-column:1/-1}.sectionhead>.muted{font-size:11px}.sectionhead h2{font-size:24px}footer .brand img{width:130px}.cardbody{padding:13px}.cardbody h3{font-size:15px}.cardbody .small{font-size:10px}}
.guide form.offer>label{display:block;margin:0 0 20px;font-size:14px;font-weight:600}.guide form.offer>label input:not([type=checkbox]){display:block;margin-top:8px}.guide form.offer>label small{display:block;margin-top:6px;font-weight:400}.guide form.offer>label.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400}.guide form.offer>label.checkbox input{margin-top:4px}
