:root{color-scheme:light;--ink:#1a0b54;--muted:#83799e;--line:#e8e4f3;--paper:#fff;--bg:#fff;--green:#1c4eff;--mint:#f2eeff;--shadow:0 3px 9px #3f4a7e0d,0 1px 29px #3f4a7e19;--nexa-grad:linear-gradient(90deg,#1c4eff,#ac24ff 50%,#fe881b)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}.shell{display:block;width:100%;max-width:none;min-width:0;min-height:0;padding:0}.shell>main{padding:0 0 60px}.site-header{position:fixed;inset:16px 0 auto;z-index:100;width:calc(100% - 32px);max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 8px 6px 20px;background:#fff;border:0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .5s ease-in-out}.site-header.scrolled{max-width:1152px;padding-left:16px}.site-header .wordmark{font-size:22px;font-weight:500;letter-spacing:-.02em;white-space:nowrap;color:#1a0b54}.site-header nav{display:flex;gap:4px;align-items:center}.site-header nav button,.site-header nav a{background:transparent;border:0;border-radius:12px;padding:8px 12px;color:#1a0b54;font-size:14px;white-space:nowrap;transition:all .5s}.site-header nav button:hover,.site-header nav button.active{background:#1a0b540d}.site-header .top-actions{display:flex;align-items:center;gap:8px}.site-header>.primary,.site-header .status{display:none}.site-header .mobile-menu{display:none}.btn,.button,.filter{border-color:var(--line);color:var(--ink);background:#fff;border-radius:12px;box-shadow:none}.btn.primary,.button.primary,.btn.dark{background:#1c4eff;border-color:#1c4eff;color:#fff}.btn:hover{transform:none;background-image:var(--nexa-grad);color:#fff;box-shadow:none}.hero{min-height:100svh;padding:90px 16px 40px;display:flex;align-items:center;justify-content:center;border-radius:0;background:#000201;margin:0;isolation:isolate}.hero:after{content:'';position:absolute;inset:auto 0 0;width:100%;height:192px;border:0;box-shadow:none;border-radius:0;background:linear-gradient(transparent,#000201);z-index:0}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-inner{position:relative;z-index:1;max-width:672px;text-align:center}.hero h1{font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.25;margin:24px 0;color:#fff;letter-spacing:0}.hero p{font-size:clamp(15px,1.2vw,20px);color:#a997ce;line-height:1.6;margin:0}.hero .eyebrow{background:linear-gradient(90deg,#2ba7ff,#ca45ff 50%,#fe881b);background-clip:text;color:transparent;font-size:18px;font-weight:500;letter-spacing:0}.hero-art{display:none}.catalog-section,.support{width:min(calc(100% - 2 * clamp(16px,4vw,40px)),1200px);min-width:0;padding:80px 0;max-width:none;margin-inline:auto}.eyebrow{color:#1c4eff;letter-spacing:.04em;font-size:12px}.toolbar h2,.support h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.3;letter-spacing:-.02em}.toolbar p{font-size:14px;color:var(--muted)}.agency-searchbar{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;margin:32px 0}.agency-searchbar>label{font-size:14px}.agency-searchbar>input{width:100%;min-width:0;max-width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:14px;outline:0;color:var(--ink);background:#faf9fe}.agency-searchbar>input:focus{border-color:#1c4eff}.agency-searchbar .filters{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.filter{padding:10px 16px;font-size:12px}.filter.active{background:#1a0b54;color:#fff;border-color:#1a0b54}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:0;border-radius:36px;background:radial-gradient(120% 90% at 50% 0%,#c86fff48,transparent 70%),linear-gradient(160deg,#1c4eff35,#0a0514 60%),#0a0514;color:#fff;min-height:380px;padding:clamp(18px,2.36vw,36px);transition:all .5s;box-shadow:none;overflow:hidden}.card:hover{transform:translateY(-8px);background-color:#1a0b54;box-shadow:0 20px 40px #1a0b5426}.card .iconbox{background:#291f39;color:#c86fff;border-radius:50%}.card .tag{background:#291f39;color:#fff;padding:8px 12px}.card h3{font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.4;margin-top:50px}.card p,.card .author,.card small{color:#bdaee7}.card .card-desc{font-size:14px;line-height:1.7}.card-foot{border-color:#ffffff20;padding-top:20px;margin-top:auto}.card .btn{background:#1c4eff;color:#fff;border-color:#1c4eff}.card .price strong{font-size:18px}.card .author{margin-bottom:20px}.footer-note{color:var(--muted);font-size:12px;line-height:1.7}.support{background:#fff;text-align:center}.support>p{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.support .card{text-align:left;min-height:280px}.support .card h3{margin-top:28px}.support .card button{color:white;background:transparent;border:0;padding:0;margin-top:20px}.support .eyebrow{color:#c86fff}.section:not(#view-market){max-width:1280px;margin:auto;padding:140px clamp(16px,4vw,40px) 60px}.welcome h1{font-size:clamp(32px,4vw,56px);font-weight:500;color:#1a0b54}.panel,.stat,.owned-card,.empty{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);background:#fff}.panel{padding:28px}.notice,.purchase-box,.package-box{background:#f6f3ff;color:#83799e;border-radius:18px}.notice b{color:#1a0b54}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1c4eff;box-shadow:0 0 0 3px #1c4eff15}.field input,.field select,.field textarea{border-color:var(--line);border-radius:12px}.state.live{background:#ebe9ff;color:#1c4eff}.modal-backdrop{background:#1a0b5499;z-index:200}.modal{border-radius:28px;box-shadow:0 30px 90px #1a0b5440}.modal-head h2{line-height:1.5}.modal-body p{color:var(--muted)}.toast{z-index:300;background:#1a0b54}.user-name{font-size:12px}.mobile-nav{display:none}.footer-note a{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #c86fff;outline-offset:4px}
@media(max-width:1050px){.site-header{gap:12px}.site-header nav button,.site-header nav a{padding:8px}.site-header .wordmark{font-size:20px}.site-header .user-name{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.site-header{padding-left:16px;flex-wrap:wrap;gap:8px}.site-header .wordmark{font-size:20px}.site-header nav{display:none;order:4;width:100%;border-top:1px solid var(--line);padding-top:10px;flex-direction:column}.site-header nav.open{display:flex}.site-header .mobile-menu{display:block;border:0;background:#fff;border-radius:10px;color:#1a0b54;padding:8px}.site-header .top-actions{margin-left:auto}.site-header .top-actions .btn{font-size:11px;padding:10px}.hero h1{font-size:clamp(32px,7vw,48px)}.hero-inner{max-width:100%}.hero p{font-size:15px}.cards,.grid3{grid-template-columns:1fr}.card{min-height:340px}.agency-searchbar{grid-template-columns:1fr;gap:10px}.catalog-section,.support{padding-block:64px}.welcome h1{font-size:32px}.section:not(#view-market){padding-top:120px}.seller-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Full-bleed media and the same 1200px content area as the landing page.
   Keep intrinsic form/control widths from expanding the viewport. */
.shell>main,#view-market{width:100%;max-width:none;min-width:0}
.hero-inner{width:100%;min-width:0}
.hero p{max-width:100%;margin-inline:auto}
.catalog-section>*,.support>*,.cards>*,.grid3>*{min-width:0}
.agency-searchbar .filters{max-width:100%;overflow:visible}
.card-head,.card-foot{gap:12px;flex-wrap:wrap}
.card .tag{max-width:100%;overflow-wrap:anywhere}
.card h3,.card .card-desc,.card .author,.card .price{overflow-wrap:anywhere}
.card .price{min-width:0}
.toolbar{flex-wrap:wrap}
.toolbar>div{min-width:0}
.sort{max-width:100%}
.site-header .wordmark{flex-shrink:0}
.site-header .top-actions{min-width:0;flex-wrap:wrap}
@media(max-width:480px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;gap:8px}
 .site-header .wordmark{grid-column:1;grid-row:1}
 .site-header .mobile-menu{grid-column:2;grid-row:1}
 .site-header .top-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%;margin:0}
 .site-header nav.open{grid-column:1/-1;grid-row:3}
 .hero{padding-top:140px}
}