@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* Konta Hub — editorial storefront */
:root{--bg:#0c0e12;--panel:#13161d;--line:#262a33;--muted:#9298a7;--blue:#419cf3;--text:#f0f1f5;--display:'Space Grotesk',sans-serif}
body{font-family:'DM Sans',sans-serif;background:var(--bg);overflow-x:clip}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("/grain.svg");opacity:.12}.announcement{padding:11px 30px;background:#181d27;font-size:9px;font-weight:600;letter-spacing:2px}.announcement a{color:#d5e8ff}.announcement span{font-size:10px;color:#a6afbf;margin:0 30px}header{max-width:1380px;padding:25px 45px;position:relative;z-index:10;border-bottom:1px solid #ffffff0d;gap:50px}.brand{font-family:var(--display);font-size:21px;letter-spacing:-1px}.brand img{width:43px;height:43px;border-radius:50%;border:1px solid #ffffff14}.brand small{font-family:'DM Sans',sans-serif;font-size:6.5px;letter-spacing:2.3px}.brand .accent{margin-left:3px}nav{gap:32px;font-size:12px}nav a{position:relative;padding:8px 0}nav a::after{content:'';position:absolute;left:0;bottom:1px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover::after{transform:scaleX(1)}.account{border-radius:30px;padding:13px 20px;font-size:11px;background:#ffffff03;transition:border .2s,background .2s}.account:hover{border-color:#697184;background:#ffffff08}.account span{color:var(--text);margin-left:22px}main{max-width:1380px;padding:0 45px}.hero{padding:85px 0 45px;grid-template-columns:1.12fr 1fr;gap:28px;position:relative;min-height:670px}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#a4abba;font-weight:500;margin-bottom:25px}.live-dot{width:5px;height:5px;position:relative}.live-dot:after{content:'';position:absolute;inset:-4px;border:1px solid #419cf360;border-radius:50%;animation:signal 2.8s ease-out infinite}h1,h2{font-family:var(--display);font-weight:500}h1{font-size:clamp(58px,6.8vw,100px);letter-spacing:-6px;line-height:1.02}.title-line{display:block;color:var(--text)}h1 .accent-line{color:var(--blue);letter-spacing:-6px;white-space:nowrap}.title-dot{color:var(--text)}.hero-copy>p{font-size:14px;line-height:1.9;color:#9fa6b5;max-width:370px;margin:30px 0}.actions{align-items:center;gap:25px}.button{border-radius:30px;font-size:11px;letter-spacing:.1px;padding:17px 24px;position:relative;overflow:hidden;transition:transform .25s,background .25s,border-color .25s;will-change:transform}.button:active{transform:scale(.98)}.button.primary{background:#eeeef3;border-color:#eeeef3;color:#12151d}.button.primary:hover{background:#b9dbff;border-color:#b9dbff;transform:translateY(-3px)}.button span{transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.hero-discord{font-size:11px;display:flex;gap:9px;align-items:center;color:#b5bbca}.hero-discord>span:last-child{margin-left:4px;color:white}.discord-symbol{font-size:19px}.hero-foot{border-top:0;margin-top:48px;display:flex;align-items:center;gap:13px;color:#8c93a2;font-size:10px;padding:0;line-height:1.6}.hero-foot strong{font-weight:400;color:#697181}.mini-brand{font-family:var(--display);font-size:15px;color:#d0d5df;border:1px solid #363d49;width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.hero-foot>a{font-size:20px;color:#d5d9e2;margin-left:25px}.campaign-art{height:530px;background:transparent;overflow:visible;border:0;border-radius:0;perspective:1100px;isolation:isolate;--px:0;--py:0}.hero-art::before{display:none}.art-watermark{font:700 145px/1 var(--display);letter-spacing:-14px;position:absolute;top:180px;left:5px;color:#191e28;transform:rotate(-90deg) translateY(-140px);z-index:-1;user-select:none}.orbit{position:absolute;border:1px solid #242a36;border-radius:50%;width:470px;height:470px;top:28px;left:5px;transform:rotate(-25deg) scaleX(.88);z-index:-1}.orbit-two{inset:0;transform:rotate(35deg) scaleX(.75)}.art-label{position:absolute;top:0;left:15px;right:5px;font-size:8px;letter-spacing:1.5px;color:#a2abba;padding:0}.art-label span:last-child{color:#636e81}.art-label i{display:inline-block;width:4px;height:4px;background:#a0b9d6;border-radius:50%;margin-right:7px}.collectible{position:absolute;width:280px;height:360px;border-radius:16px;border:1px solid #ffffff21;box-shadow:0 35px 60px #0005;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d}.card-back{top:73px;left:190px;transform:rotate(13deg) translate3d(calc(var(--px)*-8px),calc(var(--py)*-6px),0);background:#e0e5ef;color:#27354d;padding:25px;transition:transform .5s ease}.card-back>span,.card-back small{font-size:8px;font-weight:600;letter-spacing:1.8px}.card-back>strong{font:700 80px/1 var(--display);letter-spacing:-6px;align-self:end;color:#334562}.card-front{top:95px;left:50px;transform:rotate(-12deg) translate3d(calc(var(--px)*12px),calc(var(--py)*10px),15px);background:#287bce;overflow:hidden;padding:22px;transition:transform .5s ease}.card-front::before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,#ffffff15,transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,#00000005 3px 4px);pointer-events:none}.collectible-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700}.collectible-top>span:last-child{font-size:23px;line-height:12px}.card-front img{position:absolute;width:190px;height:230px;object-fit:contain;left:45px;top:50px;filter:drop-shadow(0 12px 12px #0002)}.collectible-bottom{position:relative}.collectible-bottom>span{font-size:8px;letter-spacing:1.5px}.collectible-bottom>strong{display:block;font:500 42px/1.3 var(--display);letter-spacing:-2px}.collectible-bottom strong span{font:500 8px/1 'DM Sans',sans-serif;letter-spacing:1px}.art-sticker{position:absolute;left:220px;top:385px;border-radius:8px;background:#1b202c;border:1px solid #3c4558;padding:14px 20px;transform:rotate(-5deg);box-shadow:0 15px 30px #0004;animation:float-label 6s ease-in-out infinite}.art-sticker span{display:block;font-size:7px;letter-spacing:2px;color:#99a7bd;margin-bottom:6px}.art-sticker strong{font-family:var(--display);font-size:17px;font-weight:500;white-space:nowrap}.art-bottom{bottom:0;left:15px;right:0;background:none;padding:0;display:flex;justify-content:space-between;color:#788497;font-size:9px}.art-bottom span:last-child{font-size:8px;letter-spacing:2px}.hero-scroll{grid-column:1/-1;display:flex;justify-content:center;gap:18px;color:#606c7c;font-size:7px;letter-spacing:2px;margin-top:23px}.hero-scroll>span:last-child{animation:scroll-down 2.2s infinite}.ticker{margin:8px -45px 0;overflow:hidden;border-top:1px solid #2c323c;border-bottom:1px solid #2c323c;background:#13171f;padding:19px 0;transform:rotate(-1.4deg);position:relative;z-index:3}.ticker-track{display:flex;gap:40px;align-items:center;width:max-content;animation:ticker 38s linear infinite;will-change:transform}.ticker span{font:500 22px/1 var(--display);letter-spacing:1px;white-space:nowrap;color:#b3bbca}.ticker b{font-size:17px;color:var(--blue);font-weight:400}.strip{padding:42px 0;border:0;gap:55px}.strip>div{grid-template-columns:35px 1fr;gap:8px 16px}.strip>div>span{font-size:22px;width:35px;height:35px;border:1px solid #323a47;display:grid;place-items:center;border-radius:50%;color:#b8c5d8}.strip strong{font-family:var(--display);font-size:12px;font-weight:500}.strip small{font-size:10px;color:#727e90}section[id]{padding-top:85px}.section-head{margin-bottom:35px;align-items:center}.section-head .eyebrow{font-size:8px;margin-bottom:14px;color:var(--blue)}h2{font-size:43px;letter-spacing:-2px;line-height:1.15}.section-head>a{border-bottom:1px solid #4b5361;padding:10px 0;font-size:10px}.category-grid{grid-template-columns:1.2fr 1fr 1fr;gap:17px}.category{height:310px;padding:25px;background:#171b24;border:1px solid #303643;border-radius:12px;transition:transform .4s,border-color .3s,background .3s;isolation:isolate}.category:nth-child(2){background:#1c2d41}.category:nth-child(3){background:#252932}.category.selected{border-color:#8db7e1;box-shadow:inset 0 0 0 1px #8db7e126}.category:hover{transform:translateY(-6px);border-color:#7e8fa5}.category>span{font-size:7px;letter-spacing:1.5px;color:#a2afc2}.category strong{font:500 25px/1.1 var(--display);margin-top:16px;letter-spacing:-1px;max-width:160px}.category img{display:none}.category-code{position:absolute;z-index:-1;right:15px;bottom:33px;font:700 120px/1 var(--display);letter-spacing:-12px;color:#ffffff09;transform:rotate(-10deg);transition:transform .5s,color .5s}.category:nth-child(2) .category-code{color:#7fb9ff21}.category:hover .category-code{transform:rotate(-5deg) translateY(-5px);color:#ffffff20}.category:after{content:'↗';position:absolute;right:22px;bottom:21px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;font-size:17px;transition:background .2s,color .2s}.category:hover:after{background:#d4e8ff;color:#152a40}.category>span:last-child{background:none;padding:0;bottom:25px;font-size:10px;letter-spacing:0}.stock-heading{margin-top:38px}.stock-heading h3{font-family:var(--display);font-size:17px;font-weight:500}.search>span{display:none}.search input{border-radius:25px;font-size:11px;min-width:230px;padding:13px 20px;background:#13171f}.empty{border:1px solid #262e3b;border-radius:9px;color:#7e899c;background:#10151d;padding:35px;font-size:12px;position:relative}.stock-grid{transition:opacity .2s,transform .2s}.product{border-radius:12px;transition:transform .3s,border-color .3s}.product:hover{transform:translateY(-5px);border-color:#586a82}.product-media{background:#202b3a}.product h3{font-family:var(--display);font-size:20px;font-weight:500}.product-body{padding:24px}.product-bottom a{border-bottom:1px solid #476b91;padding-bottom:4px}.verify-banner{margin-top:90px;padding:45px 40px;background:#e4e9f1;color:#141d2c;border:0;position:relative;overflow:hidden;border-radius:12px;gap:30px}.verify-banner::after{content:'KH';position:absolute;font:700 210px/1 var(--display);right:200px;top:-12px;letter-spacing:-25px;opacity:.035;pointer-events:none}.verify-banner .eyebrow{color:#5e7291;font-size:8px}.verify-banner h2{font-size:37px}.verify-banner p{color:#637087;font-size:12px;max-width:490px}.verify-mark{border:1px solid #aab9ca;color:#486581;width:62px;height:62px;font-size:26px}.verify-banner .button{background:#192636;color:#e6f0ff;border-color:#192636;font-size:10px}.verify-banner .button:hover{background:#2a4c73}.steps{gap:30px}.steps article{padding:28px;border:1px solid #262d39;border-radius:10px;background:#13171e;transition:border .3s}.steps article:hover{border-color:#455874}.steps article>span{font:500 33px/1 var(--display);color:#626f85}.steps h3{font:500 19px/1.2 var(--display);letter-spacing:-.7px;margin-top:30px}.steps p{font-size:12px;color:#818d9f}.reviews{gap:18px}.review{border-radius:10px;background:#151921;border-color:#2a3140;padding:30px}.review .stars{color:#9cbadf;font-size:12px}.faq-layout{margin:15px 0 90px;gap:90px}.faq-layout h2{font-size:40px}.faq details{padding:25px 0;border-color:#2a303b}.faq summary{display:flex;justify-content:space-between;gap:15px;font-size:12px;list-style:none;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-family:var(--display);font-size:20px;line-height:15px;color:#98aec9;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details[open] p{animation:faq-open .3s ease-out}.faq p{font-size:12px}.faq-layout .button{font-size:10px;background:#171e2a}footer{max-width:1290px;padding-top:35px}.page-shell{padding-top:65px}.verification-layout{gap:65px;grid-template-columns:1fr 420px}.verification-layout h1{font-size:70px;letter-spacing:-4px;line-height:1.05}.verify-card{border-radius:16px;background:#171c26;border-color:#333e50;padding:38px}.verify-card>img{border-radius:50%}.verify-card h2{font-size:35px}.verify-card .button{border-radius:7px}.verify-card .consent{padding:15px;background:#101721;border:1px solid #2b384c;border-radius:7px;font-size:10px}.vertical article{border:0;border-top:1px solid #2b3441;background:none;border-radius:0;padding:23px 0}.vertical h3{margin:0 0 10px;font-size:16px}.vertical article>span{font-size:23px}.account-box{border-radius:12px;padding:35px}.account-box .button{margin:15px 12px 0 0}.prose h1,.page-shell>h1{font-size:65px;letter-spacing:-3px}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.campaign .hero-copy>*{animation:hero-enter .85s cubic-bezier(.22,1,.36,1) both}.campaign .hero-copy>h1{animation-delay:.08s}.campaign .hero-copy>p{animation-delay:.16s}.campaign .hero-copy>.actions{animation-delay:.24s}.campaign .hero-copy>.hero-foot{animation-delay:.32s}.campaign-art{animation:art-enter 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.stock-grid.refreshing{animation:stock-in .35s ease-out}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#72a9df;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes art-enter{from{opacity:0;transform:translateY(30px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes signal{0%{transform:scale(.6);opacity:.7}80%,100%{transform:scale(1.7);opacity:0}}@keyframes float-label{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes scroll-down{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes stock-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:65px;min-height:740px}.hero-art{height:555px}.hero-copy>p{font-size:15px}.collectible{width:300px;height:390px}.card-back{left:200px}.card-front{left:65px}.card-front img{width:210px;height:250px}.art-sticker{top:420px}.orbit{width:500px;height:500px}}
@media(max-width:1100px){header{padding:24px 30px;gap:20px}main{padding:0 30px}.hero{gap:5px;grid-template-columns:1.05fr 1fr;min-height:610px;padding-top:60px}h1,h1 .accent-line{font-size:72px;letter-spacing:-5px}.collectible{width:235px;height:320px}.card-back{left:145px;top:90px}.card-front{left:20px;top:120px}.card-front img{width:155px;height:205px;left:38px}.art-sticker{left:150px;top:395px}.orbit{width:360px;height:420px;top:65px}.campaign-art{height:530px}.actions{gap:18px}.hero-discord{font-size:10px}.ticker{margin-left:-30px;margin-right:-30px}.verify-banner{gap:20px;padding:35px 28px}.verify-banner h2{font-size:30px}.verify-banner p{max-width:350px}.verify-banner .button{margin:0}.verification-layout{gap:35px;grid-template-columns:1fr 360px}.verification-layout h1{font-size:58px}.category strong{font-size:23px}.category-code{font-size:100px}.faq-layout{gap:45px}h2{font-size:37px}.faq-layout h2{font-size:34px}}
@media(max-width:760px){header{padding:20px;gap:10px}main{padding:0 22px}nav{gap:18px}.hero{grid-template-columns:1fr;display:flex;flex-direction:column;gap:25px;padding:45px 0 30px;min-height:0}.hero-copy{align-self:stretch}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero h1,.hero h1 .accent-line{font-size:clamp(58px,11vw,83px);letter-spacing:-4px}.hero-copy>p{font-size:13px;max-width:365px;margin:24px 0}.hero-copy .actions{gap:20px}.hero .button{padding:15px 22px;font-size:10px}.hero-foot{margin-top:30px;font-size:9px}.hero-art{width:100%;max-width:440px;align-self:center;height:460px;margin-top:5px}.art-label{left:10px;font-size:7px}.collectible{width:235px;height:310px}.card-front{left:35px;top:80px}.card-back{left:150px;top:60px}.card-front img{top:40px}.art-sticker{left:170px;top:340px;font-size:14px}.orbit{top:5px;left:20px;width:370px;height:410px}.art-watermark{top:140px;font-size:110px}.art-bottom{font-size:8px}.hero-scroll{display:none}.ticker{margin:5px -22px 0;padding:16px 0}.ticker span{font-size:17px}.ticker-track{gap:25px;animation-duration:30s}.strip{padding:35px 0;gap:25px}.strip small{font-size:10px}.strip strong{font-size:12px}.category-grid{grid-template-columns:1fr;gap:14px}.category{height:210px;padding:25px}.category strong{font-size:29px;max-width:240px}.category-code{font-size:135px;right:30px;bottom:18px}.category>span:last-child{font-size:10px}.section-head{gap:20px;align-items:start}.section-head h2{max-width:330px;font-size:34px}.section-head>a{font-size:10px}.section-head .eyebrow{font-size:7px}section[id]{padding-top:55px}.stock-heading{margin-top:30px;gap:20px}.search input{min-width:0}.verify-banner{margin-top:55px;padding:28px 25px;gap:20px}.verify-banner>div:nth-child(2){min-width:0}.verify-banner h2{font-size:31px}.verify-banner .eyebrow{font-size:6px;line-height:1.7}.verify-banner p{font-size:11px;max-width:none}.verify-mark{width:42px;height:42px;font-size:20px}.verify-banner .button{width:100%;justify-content:center;margin:0}.steps{gap:15px}.steps article{padding:25px;display:grid;grid-template-columns:30px 1fr;gap:10px 20px}.steps article>span{font-size:24px;grid-row:1/3}.steps h3{margin:0;font-size:18px}.steps p{font-size:11px;grid-column:2}.faq-layout{margin-bottom:55px;gap:30px}.faq-layout h2{font-size:34px}.faq summary{font-size:12px}.verification-layout{grid-template-columns:1fr;gap:35px}.verification-layout h1{font-size:58px;letter-spacing:-3px}.verify-card{padding:28px}.vertical article{display:flex;gap:23px;padding:23px 0}.vertical p{grid-column:auto}.page-shell{padding-top:35px}.page-shell>h1,.prose h1{font-size:49px;letter-spacing:-2px}.account-box{padding:25px}footer{margin:0 22px;padding-top:30px}.announcement{font-size:8px}.announcement a{font-size:7px}.announcement span{display:none}}
@media(max-width:420px){.brand{font-size:18px}.brand img{width:34px;height:34px}.brand small{font-size:5.5px}.account{padding:11px 15px}.account span{margin-left:10px}header nav{font-size:10px;gap:14px}.hero h1,.hero h1 .accent-line{font-size:60px;letter-spacing:-3.8px}.hero .actions{gap:14px}.hero-discord{font-size:9px;gap:6px}.hero .button{padding:15px 18px;gap:15px}.hero-art{height:425px}.collectible{width:205px;height:285px}.card-front{left:22px;top:85px;padding:20px}.card-back{left:115px;top:60px;padding:22px}.card-front img{left:30px;top:45px;width:145px;height:180px}.art-sticker{left:140px;top:325px;padding:13px 16px}.art-sticker strong{font-size:14px}.orbit{left:5px;width:320px;height:380px}.card-back>strong{font-size:65px}.collectible-bottom strong{font-size:34px}.collectible-top{font-size:8px}.art-label{font-size:6px}.art-label span:last-child{font-size:6px}.hero-foot>a{margin-left:auto}.hero-copy>p{max-width:310px}.verify-banner{padding:24px 20px}.verify-banner>div:nth-child(2){min-width:190px}.verify-mark{display:none}}
.category{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.migration-target-row{display:flex;align-items:end;gap:15px;margin-top:25px;flex-wrap:wrap}.migration-label{display:flex;flex-direction:column;gap:10px;flex:1;min-width:220px;font-size:12px}.migration-label input{margin:0;padding:15px 18px;border-radius:7px;letter-spacing:1px}.migration-target-row .button{margin:0}.migration-target{font-size:12px;color:#a6c5e7;margin-top:14px}.migration-reauth{font-size:11px;color:#9eaabd;border-bottom:1px solid #38485e;display:inline-block;margin:15px 0}.migration-select{font-size:10px}.migration-progress:empty{display:none}.migration-progress{margin-top:30px;padding-top:25px;border-top:1px solid #344154}.migration-meta{font-size:11px;color:#91a0b5;margin:10px 0 15px;overflow-wrap:anywhere}.migration-progress progress{width:100%;height:10px;accent-color:#419cf3;margin-bottom:20px}.migration-result{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #2b3443;font-size:12px}.migration-result strong{font-weight:500}.migration-result small{display:block;font-size:10px;color:#8996aa;margin-top:4px}.migration-state{text-align:right;color:#9caac0;max-width:60%}.migration-state.joined,.migration-state.already_member{color:#8ad3b0}.migration-state.guild_limit,.migration-state.banned,.migration-state.failed,.migration-state.reauthorize{color:#e9a5a5}.migration-state.processing,.migration-state.screening{color:#a1caf0}.migration-center .notice:empty{display:none}@media(max-width:650px){.migration-result{align-items:start;flex-direction:column;gap:8px}.migration-state{text-align:left;max-width:100%}.migration-target-row .button{width:100%;justify-content:center}}
@media(max-width:760px){.campaign-art .orbit{display:none}.campaign-art{overflow:clip}.ticker{transform:none}}
@media(max-width:420px){.card-back{left:100px;width:190px}.art-watermark{display:none}}
@media(max-width:420px){.hero h1,.hero h1 .accent-line{font-size:clamp(40px,12.3vw,51px);letter-spacing:-2.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.campaign-art .collectible{transition:none}.card-front{transform:rotate(-12deg)}.card-back{transform:rotate(13deg)}}