*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#19191a;color:#eef0f2;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;
  line-height:1.5;margin:0;padding:0}
img{display:inline-block}
a{color:#7cff2f;text-decoration:underline}
a:visited{color:#aaf97d}
a:hover{color:#eef0f2;background:#8c8c8c}
:focus-visible{outline:2px solid #7cff2f}

.page{max-width:46rem;margin:0 auto;background:#17181a;padding:1.87rem 1.87rem;
  border-left:2px solid #101011;border-right:2px solid #101011;min-height:100vh}

.site-title{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;font-size:2.2rem;
  color:#7cff2f;margin:0 0 .2rem;line-height:1.1}
.tagline{font-style:italic;color:rgba(238,240,242,0.7);margin:0 0 1.10rem}
.rule{border:none;border-top:2px solid #101011;
  border-bottom:1px solid #8c8c8c;margin:1.10rem 0;height:0}

h2{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:1.5rem;color:#eef0f2;margin:1.10rem 0 .5rem;
  border-bottom:1px solid rgba(238,240,242,0.3);padding-bottom:.2rem}
p{margin:.6rem 0}
.lead{background:#8c8c8c;border:1px solid rgba(238,240,242,0.3);padding:.8rem 1rem}
.kick{font-family:'Courier New', Courier, monospace;color:#7cff2f;font-size:.9rem}

.toc-head{margin-bottom:.2rem}
.toc{margin:.3rem 0 .3rem 1.4rem;padding:0}
.toc li{margin:.25rem 0;list-style:square}

.offers{margin:.5rem 0 .5rem 1.4rem}
.offers li{margin:.5rem 0;list-style:disc}
.offers b{color:#7cff2f}

.counter{font-family:'Courier New', Courier, monospace;background:#eef0f2;color:#17181a;
  padding:.1rem .4rem;letter-spacing:.24em;font-weight:bold}

.gallery{border:0;margin:.5rem 0}
.gallery td{text-align:center;vertical-align:top;padding:8px}
.gallery img{border:2px solid #101011;background:#8c8c8c;padding:2px;
  max-width:100%;height:auto}
.gallery img:hover{border-color:#7cff2f}
.cap{font-family:'Courier New', Courier, monospace;font-size:.72rem;color:rgba(238,240,242,0.7)}

blockquote{margin:.6rem 0;padding:.6rem 1rem;border-left:4px solid #7cff2f;
  background:#8c8c8c;font-style:italic}
blockquote .sig{display:block;margin-top:.4rem;font-style:normal;
  font-family:'Courier New', Courier, monospace;font-size:.8rem;color:#7cff2f}

.construction{margin:1.10rem 0;padding:.7rem 1rem;text-align:center;
  font-family:'Courier New', Courier, monospace;font-weight:bold;color:#141414;
  background:repeating-linear-gradient(45deg,#7cff2f 0 16px,#101011 16px 32px);
  border:3px ridge #8c8c8c;animation:crawl 1s linear infinite}
@keyframes crawl{to{background-position:45px 0}}
.cone{filter:grayscale(0)}

.contact{margin:.5rem 0 .5rem 1.4rem}
.contact li{margin:.4rem 0;list-style:none}
.contact b{color:#7cff2f}
.mail-btn{display:inline-block;font-family:'Courier New', Courier, monospace;text-decoration:none;
  background:#8c8c8c;border:2px outset #101011;color:#eef0f2;padding:.4rem 1.2rem}
.mail-btn:hover{background:#7cff2f;color:#141414;border-style:inset}

.backtop{font-family:'Courier New', Courier, monospace;font-size:.85rem}
.footer{margin-top:1.10rem;padding-top:1.10rem;border-top:2px solid #101011;
  text-align:center;color:rgba(238,240,242,0.7);font-size:.85rem}
.bv,.upd{font-family:'Courier New', Courier, monospace;font-size:.78rem;margin:.3rem 0}

@media(prefers-reduced-motion:reduce){.construction{animation:none}}
@media(max-width:560px){
  .gallery,.gallery tbody,.gallery tr,.gallery td{display:block;width:auto}
  .page{padding:1.10rem 1rem}
}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#eef0f2;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#7cff2f;margin-bottom:10px;font-weight:700}

.xq-badges{padding:26px 24px;border-top:1px solid rgba(238,240,242,0.14);border-bottom:1px solid rgba(238,240,242,0.14);background:rgba(238,240,242,0.05)}
.xq-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.xq-badgehead{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-right:8px}
.xq-badge{border:1.5px solid #7cff2f;color:#7cff2f;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:700;letter-spacing:.04em}


/* =====================================================
   DESIGN DNA: brutal-ink
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
*{border-radius:0 !important}
h1,h2,h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif !important;text-transform:uppercase !important;letter-spacing:-0.01em !important;font-weight:900 !important}
img{filter:grayscale(1) contrast(1.18);border:3px solid #f1f3f5 !important;box-shadow:8px 8px 0 #f1f3f5 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;border:3px solid #f1f3f5 !important;box-shadow:5px 5px 0 #f1f3f5 !important;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:3px solid #f1f3f5 !important;box-shadow:8px 8px 0 #f1f3f5 !important}
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:6px solid #f1f3f5;background:none;}