:root{--bg:#000411;--bg2:#03081b;--panel:#02071a;--white:#f8fbff;--muted:#a9b5c2;--blue:#00a9f4;--red:#f3132d;--gold:#ffb800;--line:rgba(255,255,255,.12);--header-bg:rgba(0,4,17,.96);--mobile-nav-bg:#020d18;--hero-gradient-start:#000411;--hero-gradient-mid:#02071a;--hero-gradient-end:#050b22;--hero-art-shadow:drop-shadow(0 30px 55px rgba(0,0,0,.5));--hero-logo-shadow:drop-shadow(0 7px 0 rgba(0,0,0,.75)) drop-shadow(0 23px 25px rgba(0,0,0,.7));--gold-glow:0 0 24px rgba(255,184,0,.2);--button-shadow:0 8px 20px rgba(0,0,0,.3);--chip-bg:#fff;--chip-text:#1a1a1a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,sans-serif;line-height:1.55;background-image:radial-gradient(circle at 18% 12%,rgba(0,169,244,.12),transparent 24%),radial-gradient(circle at 80% 40%,rgba(243,19,45,.1),transparent 25%)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:50;height:86px;padding:0 3vw;display:flex;align-items:center;gap:34px;background:var(--header-bg);border-bottom:1px solid rgba(255,184,0,.16);backdrop-filter:blur(12px)}.brand{width:205px;display:flex}.brand img{width:100%;height:72px;object-fit:contain}.nav-links{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:16px}.nav-links a{position:relative;padding:31px 0 28px}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:var(--gold)}.top-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;border-radius:8px;transition:.2s}.top-cta{padding:13px 22px;background:var(--gold);color:#101010;box-shadow:var(--gold-glow)}.button{min-height:58px;padding:0 27px;border:1px solid transparent;cursor:pointer;box-shadow:var(--button-shadow)}.button:hover,.top-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.button span,.top-cta span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--chip-bg);color:var(--chip-text)}.blue-btn{background:linear-gradient(180deg,#0bb9ff,#008acb);color:#fff}.red-btn{background:linear-gradient(180deg,#ff2b40,#cf071b);color:#fff}.gold-btn{background:linear-gradient(180deg,#ffc826,#e79a00);color:#111}.full{width:100%}.menu-button{display:none;background:none;border:0}.menu-button span{display:block;width:28px;height:2px;background:#fff;margin:6px}.hero{position:relative;min-height:690px;padding:68px 6vw 110px;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;background:#000411}.comic-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.08) 49% 50%,transparent 51%),repeating-linear-gradient(165deg,transparent 0 32px,rgba(0,169,244,.16) 33px,transparent 35px)}.hero-content{position:relative;z-index:3;max-width:730px}.kicker,.mini-label,.section-title p{margin:0 0 12px;color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1,.section h2,.contact-section h2{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;line-height:1.02;letter-spacing:.01em}.hero h1{margin:0;font-size:clamp(58px,6vw,102px);text-shadow:5px 7px 0 rgba(0,0,0,.75)}.hero h1 span{display:inline}.hero h1 .blue{color:var(--blue)}.hero h1 .red{color:var(--red)}.brush-underline{width:205px;height:12px;margin:20px 0 17px;background:var(--gold);clip-path:polygon(0 36%,90% 0,100% 50%,92% 68%,0 100%)}.hero-copy{max-width:530px;color:#e4e9ee;font-size:20px}.hero-actions{display:flex;gap:20px;margin:28px 0 35px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-grid article{display:flex;gap:12px;align-items:center}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:17px}.trust-grid span{font-size:12px;color:#c2cbd4}.trust-icon{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:20px;font-weight:800}.hero-visual{position:relative;z-index:2;display:grid;place-items:center}.hero-visual img{position:relative;z-index:3;width:min(640px,95%);filter:drop-shadow(0 24px 18px rgba(0,0,0,.55))}.sun-ring{position:absolute;width:455px;height:455px;border:54px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,184,0,.16)}.paint{position:absolute;width:510px;height:250px;filter:blur(.3px);opacity:.9}.splash-blue{left:0;bottom:80px;background:var(--blue);clip-path:polygon(0 43%,45% 25%,100% 0,74% 43%,100% 71%,58% 65%,8% 100%,25% 65%)}.splash-red{right:-30px;bottom:60px;background:var(--red);clip-path:polygon(0 12%,51% 28%,100% 0,77% 46%,100% 89%,58% 66%,5% 100%,28% 55%)}.yellow-swoop{position:absolute;bottom:-45px;left:-5%;width:110%;height:95px;border-top:7px solid var(--gold);border-radius:50%;transform:rotate(-1deg)}.section{padding:75px 6vw}.section-title{text-align:center;margin-bottom:30px}.section-title.left{text-align:left}.section-title p{color:#fff;margin-bottom:3px}.section-title h2{font-size:clamp(40px,4vw,62px);margin:0}.section-title span{display:block;width:105px;height:5px;margin:12px auto 0;background:var(--gold);transform:skewX(-22deg)}.section-title.left span{margin-left:0}.buying-section{background:linear-gradient(180deg,#000411 0%,#02071a 100%)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.category{min-height:240px;padding:23px 16px;text-align:center;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(2,7,26,.95),rgba(1,5,19,.98));box-shadow:inset 0 0 30px rgba(255,255,255,.015)}.category.gold{border-color:rgba(255,184,0,.7)}.category.red{border-color:rgba(243,19,45,.7)}.category.blue{border-color:rgba(0,169,244,.7)}.category-icon{width:78px;height:78px;margin:0 auto 14px;display:grid;place-items:center}.category-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px currentColor)}.category.gold .category-icon{color:var(--gold)}.category.red .category-icon{color:var(--red)}.category.blue .category-icon{color:var(--blue)}.category h3,.path-card h2,.why-card h3,.process-row h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}.category h3{font-size:22px;margin:0 0 7px}.category p{font-size:14px;color:#d1d8df;margin:0}.two-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-card{position:relative;min-height:420px;padding:60px 35px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#01061a 0%,#000411 100%);border:1px solid var(--line)}.sell-card{border-color:rgba(0,169,244,.45)}.consign-card{border-color:rgba(243,19,45,.45)}.path-copy{position:relative;z-index:2;max-width:63%}.path-card h2{font-size:46px;margin:0 0 6px}.sell-card h2,.blue-text{color:var(--blue)}.consign-card h2,.red-text{color:var(--red)}.path-card p{color:#d1dae2}.path-card ul{padding:0;list-style:none;margin:22px 0}.path-card li{margin:11px 0}.path-card li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;color:#fff;font-size:12px}.sell-card li:before{background:var(--blue)}.consign-card li:before{background:var(--red)}.card-art{position:absolute;right:-45px;bottom:-45px;width:300px;height:340px;border-radius:48% 52% 0 0;display:grid;place-items:center;transform:rotate(-8deg);opacity:.85}.card-art span{font-family:Anton,sans-serif;font-size:50px;writing-mode:vertical-rl;letter-spacing:.08em;color:rgba(255,255,255,.25)}.blue-art{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),transparent 18%),linear-gradient(145deg,#0bb9ff,#033e68)}.red-art{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),transparent 18%),linear-gradient(145deg,#ff263d,#5d0010)}.process-section{display:grid;grid-template-columns:1.4fr .6fr;gap:44px;align-items:center;background:linear-gradient(180deg,#01061a 0%,#000411 100%)}.process-row{display:flex;align-items:center;justify-content:space-between}.process-row article{width:20%;text-align:center}.process-icon{width:86px;height:86px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;font-size:31px}.blue-ring{border:3px solid var(--blue);color:var(--blue)}.red-ring{border:3px solid var(--red);color:var(--red)}.process-row h3{font-size:20px;margin:0}.process-row p{font-size:13px;color:#cad3dc;margin:5px 0}.arrow{font-size:38px;color:#fff}.why-card{position:relative;padding:31px 30px 24px;border:2px solid var(--gold);border-radius:14px;min-height:350px;overflow:hidden;background:linear-gradient(145deg,#03081b 0%,#000411 100%);box-shadow:inset 0 0 45px rgba(255,184,0,.025)}.why-card h3{margin:0 0 22px;color:var(--gold);font-size:29px;line-height:1.2;max-width:410px}.why-card-content{display:block;max-width:none;gap:0;min-height:auto}.why-card ul{padding:0;margin:0;list-style:none;position:relative;z-index:2;align-self:start}.why-card li{margin:12px 0;font-size:16px;line-height:1.35}.why-card li:before{content:'✓';display:inline-block;width:20px;color:var(--gold);font-weight:800;margin-right:2px}.why-logo-wrap{display:flex;align-items:flex-end;justify-content:flex-end;align-self:stretch}.why-card .why-logo-wrap img{position:static;width:155px;max-width:100%;height:auto;display:block;opacity:.98;filter:drop-shadow(0 12px 22px rgba(0,0,0,.48));transform:translate(8px,8px)}.faq-section{background:linear-gradient(180deg,#01061a 0%,#000411 100%)}.faq-list{max-width:980px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:21px 5px}.faq-list summary{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:23px;font-weight:700;cursor:pointer}.faq-list p{color:var(--muted);max-width:800px}.contact-section{padding:85px 6vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;background:linear-gradient(135deg,#000411 0%,#02071a 58%,#050922 100%)}.contact-copy h2{margin:0;font-size:clamp(52px,5vw,80px)}.contact-copy>p{color:#d1dae2}.contact-detail{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.contact-detail strong{color:var(--gold);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}.lead-form{padding:30px;border:1px solid rgba(255,184,0,.34);border-radius:14px;background:rgba(2,7,26,.9);box-shadow:0 24px 70px rgba(0,0,0,.4)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form label{display:grid;gap:7px;margin-bottom:16px;font-size:13px;font-weight:700;text-transform:uppercase}.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:13px 14px;color:#fff;background:#061827;border:1px solid rgba(255,255,255,.19);border-radius:7px;outline:0}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,184,0,.12)}.consent{display:flex!important;align-items:flex-start;text-transform:none!important;font-weight:400!important}.consent input{width:auto;margin-top:4px}.form-status{text-align:center;color:var(--gold);font-weight:700}.form-note{text-align:center;color:var(--muted);font-size:11px}footer{min-height:100px;padding:18px 4vw;display:grid;grid-template-columns:220px 1fr 1fr;align-items:center;gap:25px;background:#04081D;border-top:4px solid var(--red)}footer img{width:190px;height:70px;object-fit:contain}footer p{color:#8e9aa6;text-align:center;font-size:13px}footer div{display:flex;justify-content:flex-end;gap:24px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:700}
@media(max-width:1320px){.why-card .why-logo-wrap img{width:130px}.why-card li{font-size:15px}}
@media(max-width:1120px){.top-cta{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-content{max-width:800px}.hero-visual{min-height:480px}.hero-visual img{max-height:460px;object-fit:contain}.two-paths,.process-section,.contact-section{grid-template-columns:1fr}.process-row{max-width:900px}.why-card{min-height:300px}}
@media(max-width:850px){.site-header{height:72px}.brand{width:160px}.brand img{height:58px}.menu-button{display:block;margin-left:auto}.nav-links{position:absolute;left:0;right:0;top:72px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 6vw 22px;background:var(--mobile-nav-bg)}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{display:none}.hero{padding-top:50px}.trust-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.two-paths{padding-top:45px}.path-copy{max-width:75%}.process-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.process-row article{width:auto}.arrow{display:none}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer div{justify-content:center}}
@media(max-width:560px){.hero{padding:45px 6vw 85px}.hero h1{font-size:53px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:350px}.sun-ring{width:280px;height:280px;border-width:34px}.category-grid{grid-template-columns:1fr}.section{padding:60px 6vw}.two-paths{padding:55px 4vw}.path-card{padding:28px 23px;min-height:auto;position:relative;overflow:hidden}.path-card.sell-card{min-height:420px}.path-card.sell-card .card-art{display:grid;position:absolute;inset:0;width:100%;height:100%;left:0;top:0;border-radius:32px;overflow:hidden;opacity:.18;pointer-events:none}.path-card.sell-card .path-copy{position:relative;z-index:2}.path-card.sell-card .card-art .luffy{width:100%;height:100%;max-width:none;object-fit:cover;filter:drop-shadow(0 18px 60px rgba(0,0,0,.35))}.path-card.consign-card .card-art{display:none}.path-copy{max-width:100%}.card-art{opacity:.24}.process-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.contact-section{padding:65px 6vw}}

/* Hero artwork layer: background art behind the separate KQ logo */
.hero-visual {
  position: relative;
  isolation: isolate;
  min-height: 590px;
  overflow: visible;
  display: grid;
  place-items: center;
}

.hero-visual .hero-background-art {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  width: min(980px, 140%);
  max-width: none;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: .92;
  object-fit: contain;
  filter: var(--hero-art-shadow);
  pointer-events: none;
  user-select: none;
}

.hero-visual .hero-kq-logo {
  position: relative;
  z-index: 2;
  width: min(700px, 92%);
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: var(--hero-logo-shadow);
  animation: heroLogoFloat 5s ease-in-out infinite;
}

@keyframes heroLogoFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 1120px) {
  .hero-visual { min-height: 500px; }
  .hero-visual .hero-background-art { width: min(900px, 120%); }
  .hero-visual .hero-kq-logo { width: min(620px, 80%); }
}

@media (max-width: 560px) {
  .hero-visual { min-height: 370px; }
  .hero-visual .hero-background-art { width: 170%; }
  .hero-visual .hero-kq-logo { width: 90%; }
}

@media(max-width:620px){.why-card{padding:27px 24px 20px}.why-card h3{font-size:26px;margin-bottom:18px}.why-card-content{grid-template-columns:1fr;gap:10px}.why-logo-wrap{float:none;margin:0 auto 18px;min-height:95px;justify-content:flex-end}.why-card .why-logo-wrap img{width:130px;transform:none}.why-card li{font-size:15px}}

/* Wrap why-card text around the logo image */
.why-card-content{display:block;max-width:none}
.why-card:after{content:"";display:table;clear:both}
.why-logo-wrap{float:right;margin:0 0 20px 20px;min-height:auto;display:block;position:relative;z-index:2}
.why-logo-wrap img{width:100%;height:auto;max-width:220px;transform:none}
.why-card ul{margin:0;padding:0;list-style:none}
.why-card li{margin-bottom:14px}

/* Sell card artwork: Luffy sits to the left of the sell text */
.path-card.sell-card{position:relative;padding-left:350px;}
.path-card.sell-card .path-copy{max-width:100%}
.path-card.sell-card .card-art{position:absolute;left:-110px;bottom:-10px;width:560px;height:620px;border-radius:48% 52% 0 0;display:grid;place-items:center;overflow:visible;pointer-events:none}
.path-card.sell-card .card-art .luffy{width:560px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 60px rgba(0,0,0,.65))}
.path-card.sell-card .card-art span{display:none}

/* Consign card artwork: large Ace artwork on the right, text pushed left */
.path-card.consign-card{position:relative;padding-right:350px}
.path-card.consign-card .path-copy{max-width:100%}
.path-card.consign-card .card-art{position:absolute;right:-110px;bottom:-10px;width:560px;height:620px;border-radius:48% 52% 0 0;display:grid;place-items:center;overflow:visible;pointer-events:none}
.path-card.consign-card .card-art .ace{width:560px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 60px rgba(0,0,0,.65))}
.path-card.consign-card .card-art span{display:none}

@media(max-width:1120px){
  .path-card.sell-card .card-art{left:-60px;width:480px;height:520px}
  .path-card.sell-card{padding-left:380px}
  .path-card.sell-card .path-copy{max-width:90%}
  .path-card.sell-card .card-art .luffy{width:480px}
  .path-card.consign-card .card-art{right:-30px;width:260px;height:300px}
  .path-card.consign-card{padding-right:220px}
  .path-card.consign-card .path-copy{max-width:90%}
}
@media(max-width:560px){
  .path-card.sell-card{padding-left:20px;padding-right:20px}
  .path-card.sell-card .card-art{left:0;width:100%;height:100%;border-radius:24px;opacity:.18}
  .path-card.sell-card .path-copy{position:relative;z-index:2}
  .path-card.consign-card{padding-left:20px;padding-right:20px}
  .path-card.consign-card .card-art{left:0;width:100%;height:100%;border-radius:24px;opacity:.18}
  .path-card.consign-card .path-copy{position:relative;z-index:2}
  .path-card.consign-card .card-art .ace{width:100%;height:100%;max-width:none;object-fit:cover}
  .path-card{padding-left:0;padding-right:0}
}

/* Vertically center the main copy inside each path card */
.path-card{display:flex;align-items:center}
.path-card .path-copy{flex:1}

@media(max-width:1120px){
  .path-card{display:block}
  .path-card .path-copy{max-width:100%}
}