:root{--paper:#fff6dc;--paper-2:#f6edcf;--ink:#171717;--pink:#ff5ea8;--cyan:#68dff5;--yellow:#ffd84c;--green:#8be28b;--purple:#a88cff;--orange:#ff9d5c;--discord:#5865f2;--shadow:7px 7px 0 var(--ink);--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}button,a{touch-action:manipulation}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(255,246,220,.94);backdrop-filter:blur(14px);border-bottom:3px solid var(--ink)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:"Archivo Black",sans-serif;font-size:1.2rem}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--pink);border:3px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink)}.brand-dot{color:var(--pink)}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700}.nav-links>a:not(.button){text-decoration:none}.nav-links>a:not(.button):hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.lang-button{border:2px solid var(--ink);background:var(--yellow);font:700 .78rem inherit;padding:7px 11px;border-radius:999px;cursor:pointer}.menu-toggle{display:none;width:46px;height:42px;border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:8px;cursor:pointer}.menu-toggle span{display:block;height:3px;background:var(--ink);margin:4px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border:3px solid var(--ink);border-radius:9px;box-shadow:5px 5px 0 var(--ink);font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button svg{width:20px;height:20px}.button-small{min-height:42px;padding:0 16px;box-shadow:3px 3px 0 var(--ink)}.button-discord{background:var(--discord);color:#fff}.button-ghost{background:#fff}.button-dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 rgba(255,255,255,.72);border-color:var(--ink)}.hero{padding:86px 0 66px;background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:25px 25px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:6px 13px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Archivo Black",sans-serif;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(3.5rem,7vw,6.9rem);margin:26px 0 25px}.highlight{display:inline-block;background:var(--pink);padding:3px 13px 9px;border:4px solid var(--ink);transform:rotate(-1.4deg);box-shadow:8px 8px 0 var(--ink)}.lead{font-size:1.16rem;max-width:650px;font-weight:500}.feature-pills{list-style:none;padding:0;margin:29px 0;display:flex;flex-wrap:wrap;gap:10px}.feature-pills li{display:flex;gap:7px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:700;font-size:.88rem}.feature-pills li:nth-child(2){background:var(--cyan)}.feature-pills li:nth-child(3){background:var(--green)}.feature-pills li:nth-child(4){background:var(--purple)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{font-size:.82rem;font-weight:700;margin:17px 0 0}.hero-preview{position:relative;min-width:0}.browser-card{background:#fff;border:4px solid var(--ink);border-radius:15px;box-shadow:var(--shadow);padding:0 20px 22px;transform:rotate(1.3deg)}.browser-bar{height:48px;margin:0 -20px 20px;padding:0 17px;display:flex;align-items:center;gap:8px;border-bottom:3px solid var(--ink);font:700 .76rem monospace}.browser-bar i{width:11px;height:11px;border:2px solid var(--ink);border-radius:50%}.browser-bar i:nth-child(1){background:var(--pink)}.browser-bar i:nth-child(2){background:var(--yellow)}.browser-bar i:nth-child(3){background:var(--green)}.browser-bar span{margin-left:auto;color:#666}.upload-card{min-height:210px;border:3px dashed var(--ink);background:var(--paper-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.upload-icon{width:58px;height:58px;display:grid;place-items:center;background:var(--cyan);border:3px solid var(--ink);border-radius:50%;font:900 2rem/1 sans-serif;margin-bottom:13px}.upload-card strong{font-size:1.1rem}.upload-card span{color:#555}.link-card{display:flex;align-items:center;gap:9px;margin-top:15px;padding:12px;border:3px solid var(--ink);background:var(--yellow);min-width:0}.link-card code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.76rem}.link-card button{margin-left:auto;border:0;background:transparent;font-size:1.1rem;cursor:pointer}.status-dot{width:10px;height:10px;flex:0 0 auto;border:2px solid var(--ink);border-radius:50%;background:var(--green)}.embed-card{display:flex;gap:14px;margin-top:15px;padding:16px;border:3px solid var(--ink)}.embed-line{width:6px;background:var(--purple);border:2px solid var(--ink)}.embed-card small,.embed-card strong{display:block}.embed-card p{margin:3px 0 0;font-size:.78rem}.sticker{position:absolute;z-index:2;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:"Archivo Black",sans-serif;padding:8px 12px}.sticker-one{left:-25px;bottom:50px;background:var(--green);transform:rotate(-8deg)}.sticker-two{right:-18px;top:40px;background:var(--pink);transform:rotate(8deg);font-size:.78rem}.stats-section{position:relative;z-index:4;margin-bottom:-34px}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);border:4px solid var(--ink);background:#fff;box-shadow:var(--shadow)}.stat{text-align:center;padding:25px;border-right:3px solid var(--ink)}.stat:last-child{border-right:0}.stat strong{display:block;font-family:"Archivo Black",sans-serif;font-size:2.1rem}.stat span{font-weight:700}.marquee{overflow:hidden;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--pink);padding:19px 0}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.marquee-track span{font-family:"Archivo Black",sans-serif;font-size:1.05rem;white-space:nowrap;margin-right:42px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 0}.section-heading{text-align:center;margin-bottom:47px}.section-heading h2{font-size:clamp(2.8rem,5vw,5rem);margin:25px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.feature-card{background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:27px;transition:transform .18s,box-shadow .18s}.feature-card:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.feature-icon{width:54px;height:54px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:8px;font:900 1.6rem/1 sans-serif;margin-bottom:25px}.feature-card h3,.process-card h3{font-size:1.23rem;margin-bottom:9px}.feature-card p,.process-card p{color:#555;margin-bottom:0}.cyan{background:var(--cyan)}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.green{background:var(--green)}.purple{background:var(--purple)}.orange{background:var(--orange)}.process-section{background:var(--cyan);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-card{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:28px}.process-card>span{display:inline-grid;place-items:center;width:50px;height:50px;background:var(--pink);border:3px solid var(--ink);border-radius:50%;font-family:"Archivo Black",sans-serif;margin-bottom:22px}.cta-section{padding-top:90px;padding-bottom:90px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--yellow);border:4px solid var(--ink);box-shadow:var(--shadow);padding:43px}.cta-card h2{font-size:clamp(2rem,4vw,4rem);margin:22px 0 0}.footer{border-top:4px solid var(--ink);padding:30px 0;background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{margin:0;font-weight:700}.toast-host{position:fixed;right:20px;bottom:20px;z-index:100}.toast{background:var(--ink);color:#fff;padding:12px 16px;border:3px solid #fff;box-shadow:4px 4px 0 var(--pink);font-weight:700}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.js .reveal.in{opacity:1;transform:none}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-preview{max-width:650px}.feature-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);padding:22px;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block}.stats-card{grid-template-columns:1fr}.stat{border-right:0;border-bottom:3px solid var(--ink)}.stat:last-child{border-bottom:0}}@media(max-width:620px){.wrap{width:min(var(--wrap),calc(100% - 24px))}.hero{padding-top:55px}.hero-grid{gap:46px}h1{font-size:3.2rem}.highlight{box-shadow:5px 5px 0 var(--ink)}.feature-grid{grid-template-columns:1fr}.browser-card{padding-left:13px;padding-right:13px}.browser-bar{margin-left:-13px;margin-right:-13px}.sticker{display:none}.cta-card{align-items:flex-start;flex-direction:column;padding:27px}.cta-card .button{width:100%}.footer-inner{flex-direction:column}.button{width:100%}.button-small{width:auto}.hero-actions{display:grid;grid-template-columns:1fr}.feature-pills li{font-size:.78rem}}

/* ===== Layout polish 2026 ===== */
.button{
  min-height:48px;
  padding:0 20px;
  border:2px solid var(--ink);
  border-radius:12px;
  box-shadow:3px 3px 0 var(--ink);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink);filter:brightness(1.03)}
.button:focus-visible,.lang-button:focus-visible,.menu-toggle:focus-visible{outline:4px solid var(--cyan);outline-offset:3px}
.button-small{min-height:40px;padding:0 15px;border-radius:10px;box-shadow:2px 2px 0 var(--ink)}
.button-dark{box-shadow:3px 3px 0 rgba(255,255,255,.75)}
.nav-inner{min-height:72px;gap:20px}
.nav-links{gap:20px}
.hero{padding:clamp(56px,7vw,88px) 0 clamp(56px,6vw,72px)}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(40px,6vw,72px)}
.hero-copy,.hero-preview{min-width:0}
h1{font-size:clamp(3.2rem,6.5vw,6.65rem);overflow-wrap:anywhere}
.highlight{max-width:100%}
.hero-actions{align-items:center}
.browser-card{transform:rotate(.6deg);box-shadow:5px 5px 0 var(--ink)}
.sticker-one{left:-12px;bottom:34px}.sticker-two{right:-8px;top:28px}
.stats-section{margin-bottom:-28px}
.cta-card{min-width:0}
.cta-card>div{min-width:0}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:38px}
  .feature-pills{max-width:620px}
  .sticker{font-size:.72rem;padding:7px 10px}
}
@media (max-width:900px){
  .nav-inner{position:relative}
  .nav-links{top:calc(100% + 3px);border:3px solid var(--ink);border-top:0;box-shadow:0 5px 0 var(--ink);align-items:stretch;gap:10px}
  .nav-links>a:not(.button),.lang-button{width:100%;text-align:center}
  .nav-links .button-small{width:100%}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:760px}
  .hero-preview{width:min(100%,680px);margin-inline:auto}
  .sticker-one{left:4px}.sticker-two{right:4px}
  .stats-section{margin-bottom:0;margin-top:20px}
  .marquee{margin-top:28px}
}
@media (max-width:700px){
  h1{font-size:clamp(2.75rem,14vw,4rem)}
  .highlight{padding:2px 9px 7px;border-width:3px;box-shadow:4px 4px 0 var(--ink)}
  .lead{font-size:1.02rem}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-actions .button{width:100%}
  .browser-card{transform:none;border-width:3px;box-shadow:4px 4px 0 var(--ink)}
  .link-card code{font-size:.7rem}
  .section{padding:78px 0}
  .section-heading h2{font-size:clamp(2.35rem,12vw,3.5rem)}
  .cta-card{padding:28px;gap:26px}
}
@media (max-width:420px){
  .wrap{width:calc(100% - 20px)}
  .brand{font-size:1.02rem}.brand-mark{width:34px;height:34px}
  .menu-toggle{width:42px;height:39px}
  .feature-pills{display:grid;grid-template-columns:1fr 1fr}
  .feature-pills li{justify-content:center;padding:8px 7px;min-width:0;text-align:center}
  .upload-card{min-height:180px}
  .embed-card{padding:12px}
  .stat{padding:20px 14px}.stat strong{font-size:1.75rem}
}

/* ===== Final landing fixes ===== */
.stats-section{margin:0 auto 54px!important;position:relative;z-index:3}
.stats-card{overflow:hidden}
.marquee{margin:0!important;position:relative;z-index:2}
.marquee-track{display:flex;width:max-content;animation:marquee-final 22s linear infinite;will-change:transform}
.marquee-group{display:flex;flex:none;align-items:center}
.marquee-group span{font-family:"Archivo Black",sans-serif;font-size:1.05rem;white-space:nowrap;margin-right:42px}
@keyframes marquee-final{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.feature-pills{gap:12px}
.feature-pills li{border-radius:10px;padding:10px 14px;box-shadow:3px 3px 0 var(--ink);font-size:.84rem;transition:transform .15s ease,box-shadow .15s ease}
.feature-pills li:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.feature-pills li:nth-child(1){background:var(--yellow)}
.feature-pills li:nth-child(2){background:var(--green)}
.feature-pills li:nth-child(3){background:var(--purple)}
.feature-pills li:nth-child(4){background:var(--cyan)}
.cta-section{padding:100px 0;background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:25px 25px}
.cta-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:55px;background:var(--paper);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:54px}
.cta-copy h2{font-size:clamp(3rem,5.5vw,5.6rem);margin:24px 0 24px;line-height:.96}
.cta-copy p{max-width:670px;font-size:1.08rem;font-weight:600;margin-bottom:28px}
.cta-highlight{display:inline-block;background:var(--pink);border:4px solid var(--ink);padding:4px 12px 9px;box-shadow:6px 6px 0 var(--ink);transform:rotate(-1deg)}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.cta-link-preview{background:#fff;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--pink);padding:30px;transform:rotate(1.5deg);min-width:0}
.cta-label{display:inline-block;background:var(--cyan);border:2px solid var(--ink);padding:5px 10px;font-weight:900;font-size:.72rem;letter-spacing:.1em;margin-bottom:24px}
.cta-link-preview strong{display:block;font-family:"Archivo Black",sans-serif;font-size:clamp(1.65rem,3.4vw,3rem);line-height:1;overflow-wrap:anywhere}
.cta-link-preview code{display:block;margin-top:11px;padding:12px;background:var(--yellow);border:3px solid var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis}
.cta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cta-tags span{background:var(--green);border:2px solid var(--ink);padding:6px 9px;font-size:.75rem;font-weight:800}.cta-tags span:nth-child(2){background:var(--purple)}.cta-tags span:nth-child(3){background:var(--orange)}
@media(max-width:900px){.stats-section{margin-bottom:34px!important}.cta-card{grid-template-columns:1fr;padding:38px}.cta-link-preview{max-width:620px}.marquee-group span{margin-right:30px}}
@media(max-width:620px){.stats-section{margin-bottom:28px!important}.feature-pills{grid-template-columns:1fr 1fr}.feature-pills li{border-radius:8px}.cta-section{padding:74px 0}.cta-card{padding:25px;gap:34px;box-shadow:6px 6px 0 var(--ink)}.cta-copy h2{font-size:clamp(2.5rem,13vw,3.7rem)}.cta-actions{display:grid;grid-template-columns:1fr}.cta-link-preview{padding:22px;transform:none}.marquee-track{animation-duration:17s}.marquee-group span{font-size:.9rem;margin-right:24px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation-play-state:paused}}


/* final layout polish */
.stats-section{margin:0 auto 72px!important;position:relative!important;z-index:5!important;padding-top:0!important}
.stats-card{position:relative;isolation:isolate}
.marquee{margin:0!important;position:relative!important;z-index:1!important;overflow:hidden!important}
.marquee-track{display:flex!important;width:max-content!important;gap:0!important;animation:marquee-seamless 30s linear infinite!important;transform:translate3d(0,0,0);will-change:transform}
.marquee-group{display:flex!important;flex:0 0 auto!important;align-items:center!important;padding-left:42px}
.marquee-group span{display:block!important;margin:0 42px 0 0!important}
@keyframes marquee-seamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333333%,0,0)}}
.cta-card{grid-template-columns:minmax(0,820px)!important;justify-content:center!important;text-align:center!important}
.cta-copy p{margin-left:auto!important;margin-right:auto!important}
.cta-actions{justify-content:center!important}
@media(max-width:900px){.stats-section{margin-bottom:54px!important}.marquee-group{padding-left:30px}.marquee-group span{margin-right:30px!important}}
@media(max-width:620px){.stats-section{margin-bottom:42px!important}.marquee-group{padding-left:24px}.marquee-group span{margin-right:24px!important}.cta-card{text-align:left!important}.cta-actions{justify-content:stretch!important}}

/* Stats are a standalone section above the ticker */
.stats-section{
  width:min(var(--wrap),calc(100% - 40px))!important;
  margin:48px auto 44px!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
  transform:none!important;
}
.stats-card{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.stat{
  min-width:0!important;
  padding:25px 18px!important;
  text-align:center!important;
  background:#fff!important;
  border:4px solid var(--ink)!important;
  border-radius:14px!important;
  box-shadow:7px 7px 0 var(--ink)!important;
}
.stat:last-child{border:4px solid var(--ink)!important}
.marquee{
  clear:both!important;
  margin:0!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:900px){
  .stats-section{margin:38px auto 38px!important}
  .stats-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .stat{border-bottom:4px solid var(--ink)!important;padding:20px 10px!important}
  .stat strong{font-size:1.75rem!important}
  .stat span{font-size:.88rem!important}
}
@media(max-width:620px){
  .stats-section{width:min(var(--wrap),calc(100% - 24px))!important;margin:30px auto 32px!important}
  .stats-card{grid-template-columns:1fr!important;gap:14px!important}
  .stat{padding:20px 14px!important}
}


/* definitive homepage spacing fix */
.hero-actions,
.cta-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 26px !important;
}

.stats-section {
  display: block !important;
  width: min(var(--wrap), calc(100% - 40px)) !important;
  margin: 56px auto 58px !important;
  padding: 0 !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: 2 !important;
  clear: both !important;
}

.stats-card {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.stats-card .stat {
  display: flex !important;
  min-height: 132px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 18px !important;
  border: 4px solid var(--ink) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 7px 7px 0 var(--ink) !important;
  position: relative !important;
  z-index: 1 !important;
}

.stats-card .stat strong {
  font-size: clamp(2rem, 3vw, 2.65rem) !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}

.stats-card .stat span {
  line-height: 1.2 !important;
}

.marquee {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: 1 !important;
  clear: both !important;
}

@media (max-width: 900px) {
  .stats-section {
    width: min(var(--wrap), calc(100% - 30px)) !important;
    margin: 44px auto 46px !important;
  }

  .stats-card {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .stats-card .stat {
    min-height: 112px !important;
    padding: 18px 10px !important;
  }

  .hero-actions,
  .cta-actions {
    gap: 20px !important;
  }
}

@media (max-width: 680px) {
  .stats-section {
    width: min(var(--wrap), calc(100% - 24px)) !important;
    margin: 34px auto 38px !important;
  }

  .stats-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .hero-actions,
  .cta-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* subtle hero feature hints: secondary information, not buttons */
.feature-pills{
  margin:26px 0 30px!important;
  gap:18px 24px!important;
  align-items:center!important;
}
.feature-pills li{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(23,23,23,.68)!important;
  font-size:.82rem!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  line-height:1.3!important;
}
.feature-pills li:nth-child(n){background:transparent!important}
.feature-pills li span:first-child{
  color:rgba(23,23,23,.82)!important;
  font-size:.92rem!important;
  line-height:1!important;
}
.feature-pills li:hover{
  color:var(--ink)!important;
}
@media(max-width:620px){
  .feature-pills{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 18px!important;
  }
  .feature-pills li{font-size:.78rem!important}
}


/* Developer API section */
.developer-section{
  padding:105px 0;
  background:var(--purple);
  border-top:4px solid var(--ink);
  border-bottom:4px solid var(--ink);
}
.developer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:58px;align-items:center}
.developer-copy h2{font-size:clamp(3rem,5.5vw,5.6rem);margin:25px 0 24px}
.developer-copy p{font-size:1.08rem;font-weight:600;max-width:650px;margin-bottom:30px}
.developer-highlight{display:inline-block;background:var(--yellow);border:4px solid var(--ink);padding:4px 12px 9px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-1deg)}
.developer-actions{display:flex;gap:22px;flex-wrap:wrap}
.code-window{min-width:0;background:#171717;color:#f8f4e7;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--yellow);transform:rotate(1deg)}
.code-window-bar{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:3px solid #f8f4e7}
.code-window-bar span{width:11px;height:11px;border:2px solid #f8f4e7;border-radius:50%}
.code-window-bar span:nth-child(1){background:var(--pink)}.code-window-bar span:nth-child(2){background:var(--yellow)}.code-window-bar span:nth-child(3){background:var(--green)}
.code-window-bar strong{margin-left:auto;font:700 .78rem "Space Grotesk",sans-serif;color:#c9c3b4}
.code-window pre{margin:0;padding:24px;overflow:auto;font:600 .82rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.code-divider{height:3px;background:#f8f4e7}
@media(max-width:900px){.developer-grid{grid-template-columns:1fr}.code-window{max-width:720px;transform:none}}
@media(max-width:620px){.developer-section{padding:75px 0}.developer-actions{display:grid;grid-template-columns:1fr;gap:16px}.code-window pre{padding:18px;font-size:.73rem}}
.button-login{background:var(--pink);color:var(--ink)}
.footer{padding:52px 0 20px;background:#fff;border-top:4px solid var(--ink)}
.footer-grid{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(130px,1fr));gap:42px;align-items:start}
.footer-brand p{max-width:320px;margin:16px 0 0;color:#625c52;font-weight:600}
.footer-links{display:grid;gap:9px}.footer-links strong{font-family:"Archivo Black",sans-serif;margin-bottom:5px}.footer-links a{width:max-content;text-decoration:none;font-weight:700;color:#514c44}.footer-links a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:3px solid var(--ink);font-weight:700}.footer-status{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.footer-status i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--green)}
@media(max-width:850px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-links:last-child{display:none}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links:last-child{display:grid}}

/* Clean footer */
.footer{padding:58px 0;background:var(--paper);border-top:4px solid var(--ink)}
.footer-card{background:#fff;border:4px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:3px solid var(--ink);background:var(--yellow)}
.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand p{max-width:none;margin:0;color:var(--ink);font-weight:700}
.footer-status{display:inline-flex;align-items:center;gap:9px;background:var(--green);border:3px solid var(--ink);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:900;white-space:nowrap;box-shadow:3px 3px 0 var(--ink)}
.footer-status i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:#fff}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px;padding:22px 30px}
.footer-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);text-decoration:none;font-weight:800;transition:transform .15s,box-shadow .15s}
.footer-nav a:nth-child(2n){background:var(--cyan)}.footer-nav a:nth-child(3n){background:var(--purple)}
.footer-nav a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:16px 30px;border-top:3px solid var(--ink);font-weight:800;background:#fff}
@media(max-width:720px){.footer{padding:36px 0}.footer-top{align-items:flex-start;flex-direction:column;padding:22px}.footer-brand{align-items:flex-start;flex-direction:column;gap:12px}.footer-nav{padding:18px 22px}.footer-bottom{align-items:flex-start;flex-direction:column;padding:16px 22px}.footer-status{width:auto}}


/* Final navigation and footer */
.button-login{
  background:var(--purple)!important;
  color:var(--ink)!important;
  box-shadow:4px 4px 0 var(--ink);
}
.button-login:hover{box-shadow:1px 1px 0 var(--ink)}
.footer{padding:64px 0;background:var(--paper);border-top:4px solid var(--ink)}
.footer-shell{overflow:hidden;background:#fff;border:4px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink)}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:32px;background:var(--yellow);border-bottom:3px solid var(--ink)}
.footer-identity{display:grid;gap:14px}.footer-logo{width:max-content}.footer-identity p{max-width:610px;margin:0;font-weight:700;color:#4e493f;line-height:1.55}
.footer-status{min-width:275px;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:3px solid var(--ink);border-radius:11px;box-shadow:4px 4px 0 var(--ink);text-decoration:none;color:var(--ink)}
.footer-status i{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--green)}
.footer-status span{display:grid;gap:2px}.footer-status strong{font-family:"Archivo Black",sans-serif;font-size:.86rem}.footer-status small{font-size:.72rem;font-weight:700;color:#696257}.footer-status b{font-size:1.3rem}
.footer-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}
.footer-group{display:grid;align-content:start;gap:9px;padding:26px 30px;border-right:3px solid var(--ink)}.footer-group:last-child{border-right:0}
.footer-group strong{font-family:"Archivo Black",sans-serif;font-size:.95rem;margin-bottom:5px}.footer-group a{width:max-content;color:#514c44;text-decoration:none;font-weight:700}.footer-group a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 30px;background:var(--cyan);border-top:3px solid var(--ink);font-size:.82rem;font-weight:800}
@media(max-width:760px){.footer{padding:40px 0}.footer-main{grid-template-columns:1fr;padding:24px}.footer-status{min-width:0}.footer-directory{grid-template-columns:1fr}.footer-group{border-right:0;border-bottom:3px solid var(--ink);padding:22px 24px}.footer-group:last-child{border-bottom:0}.footer-bar{align-items:flex-start;flex-direction:column;padding:15px 24px}}

/* Compact footer + consent panel */
.footer{padding:28px 0 0!important}.footer-shell{border-top:3px solid var(--ink,#151515);padding:20px 0!important}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px!important}.footer-identity p,.footer-status,.footer-directory{display:none!important}.footer-logo{font-size:1rem!important}.footer-bar{margin:0!important;padding:0!important;border:0!important;display:flex!important;gap:14px;flex-wrap:wrap;justify-content:flex-end!important;font-size:.82rem!important}.footer-bar a{color:inherit;font-weight:800;text-decoration:none}.cookie-banner[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:200;left:16px;right:16px;bottom:16px;max-width:760px;margin:auto;background:#fffef8;border:4px solid #151515;border-radius:14px;box-shadow:7px 7px 0 #151515;padding:18px;color:#151515}.cookie-banner h3{margin:0 0 7px;font-family:"Archivo Black",sans-serif;font-size:1.1rem}.cookie-banner p{margin:0;line-height:1.55}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cookie-actions button{padding:10px 14px;border:3px solid #151515;border-radius:8px;font:inherit;font-weight:900;cursor:pointer}.cookie-accept{background:#ff5ea8;box-shadow:3px 3px 0 #151515}.cookie-reject{background:#fff}.cookie-details{display:inline-block;margin-top:9px;color:#151515;font-weight:800}@media(max-width:700px){.footer-main{align-items:flex-start;flex-direction:column}.footer-bar{justify-content:flex-start!important}.cookie-banner{left:10px;right:10px;bottom:10px}}

/* 2026-07 session/upload fix: compact site footer */
.footer{padding:34px 0!important;background:var(--paper)!important;border-top:3px solid var(--ink)!important}
.footer-compact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;padding:18px 20px;background:#fffef8;border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink)}
.footer-compact .footer-logo{font-size:1rem!important;white-space:nowrap}
.footer-links{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap}
.footer-links a{color:var(--ink);font-size:.8rem;font-weight:800;text-decoration:none}
.footer-links a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.footer-copy{white-space:nowrap;color:#625c52;font-size:.78rem;font-weight:800}
@media(max-width:820px){.footer-compact{grid-template-columns:1fr;justify-items:start;gap:15px}.footer-links{justify-content:flex-start}.footer-copy{white-space:normal}}

/* v1.0 Release Candidate: unified footer + auth overlay */
.footer-v1{padding:54px 0 28px!important;background:var(--paper)!important;border-top:4px solid var(--ink)!important}.footer-v1-shell{background:#fff;border:4px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink);overflow:hidden}.footer-v1-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:var(--yellow);border-bottom:3px solid var(--ink)}.footer-v1-brand p{margin:0;font-weight:800;color:#514b42}.footer-v1-grid{display:grid;grid-template-columns:repeat(3,1fr)}.footer-v1-grid nav{display:grid;align-content:start;gap:9px;padding:25px 28px;border-right:3px solid var(--ink)}.footer-v1-grid nav:last-child{border-right:0}.footer-v1-grid strong{font-family:"Archivo Black",sans-serif;margin-bottom:6px}.footer-v1-grid a{width:max-content;max-width:100%;color:var(--ink);font-weight:700;text-decoration:none}.footer-v1-grid a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.footer-v1-bottom{display:flex;justify-content:space-between;gap:18px;padding:15px 28px;border-top:3px solid var(--ink);background:var(--cyan);font-size:.82rem;font-weight:900}.footer-v1-status{display:flex;align-items:center;gap:8px}.footer-v1-status i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--green)}
.auth-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s}.auth-modal.open{opacity:1;pointer-events:auto}.auth-backdrop{position:absolute;inset:0;border:0;background:rgba(23,23,23,.72);backdrop-filter:blur(8px)}.auth-dialog{position:relative;width:min(520px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:25px;background:var(--paper);border:4px solid var(--ink);border-radius:16px;box-shadow:9px 9px 0 var(--ink);transform:translateY(14px) scale(.98);transition:transform .18s}.auth-modal.open .auth-dialog{transform:none}.auth-close{position:absolute;right:13px;top:12px;width:38px;height:38px;border:3px solid var(--ink);border-radius:9px;background:#fff;font-size:25px;font-weight:900;cursor:pointer}.auth-dialog h2{font-family:"Archivo Black",sans-serif;font-size:2rem;margin:18px 45px 6px 0}.auth-sub{margin:0 0 18px;color:#575149;font-weight:650}.auth-message{padding:11px 12px;margin-bottom:14px;border:3px solid var(--ink);border-radius:9px;background:var(--green);font-weight:800}.auth-message.error{background:#ffd1df}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth-tabs button{padding:11px;border:3px solid var(--ink);border-radius:9px;background:#fff;font:inherit;font-weight:900;cursor:pointer}.auth-tabs button.active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.auth-form{display:none}.auth-form.active{display:block}.auth-form label{display:grid;gap:7px;margin:12px 0;font-weight:900}.auth-form input{width:100%;padding:12px;border:3px solid var(--ink);border-radius:9px;background:#fff;font:inherit;font-weight:700;outline:none}.auth-form input:focus{box-shadow:3px 3px 0 var(--purple)}.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-provider{display:grid;place-items:center;min-height:48px;border:3px solid var(--ink);border-radius:9px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-weight:900;text-decoration:none}.auth-provider.discord{background:#7884ff;color:#fff}.auth-provider.google{background:var(--cyan)}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 10px;font-size:.72rem;font-weight:900}.auth-divider:before,.auth-divider:after{content:"";height:3px;flex:1;background:var(--ink)}.auth-link{border:0;background:none;padding:2px 0 14px;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.auth-submit{width:100%;background:var(--green)!important}.auth-hint,.auth-legal{font-size:.78rem;color:#655f56;font-weight:650}.auth-legal{text-align:center;margin:13px 0 0}body.modal-open{overflow:hidden}@media(max-width:720px){.footer-v1-grid{grid-template-columns:1fr}.footer-v1-grid nav{border-right:0;border-bottom:3px solid var(--ink)}.footer-v1-grid nav:last-child{border-bottom:0}.footer-v1-brand,.footer-v1-bottom{align-items:flex-start;flex-direction:column}.auth-dialog{padding:20px}.auth-oauth{grid-template-columns:1fr}}

.info-modal{position:fixed;inset:0;z-index:490;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.18s}.info-modal.open{opacity:1;pointer-events:auto}.info-backdrop{position:absolute;inset:0;border:0;background:rgba(23,23,23,.72);backdrop-filter:blur(8px)}.info-dialog{position:relative;width:min(1040px,100%);height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:auto 1fr;border:4px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:9px 9px 0 var(--ink);overflow:hidden;transform:translateY(14px) scale(.98);transition:.18s}.info-modal.open .info-dialog{transform:none}.info-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:3px solid var(--ink);background:var(--yellow)}.info-dialog header strong{font-family:"Archivo Black",sans-serif}.info-dialog header div{display:flex;align-items:center;gap:8px}.info-dialog header a,.info-dialog header button{display:grid;place-items:center;min-height:37px;padding:0 11px;border:3px solid var(--ink);border-radius:8px;background:#fff;color:inherit;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.info-dialog header button{width:38px;padding:0;font-size:22px}.info-dialog iframe{width:100%;height:100%;border:0;background:var(--paper)}