:root{--bg: #0a0614;--bg-2: #120a22;--ink: #f7f3ff;--muted: #c9b8e8;--cyan: #00d4ff;--magenta: #ff4fd8;--purple: #7b2cff;--red: #ff2d3a;--gold: #ffd24a;--black: #050308;--comic-shadow: 5px 5px 0 #000;--comic-shadow-lg: 8px 8px 0 #000;--font-display: "Bangers", system-ui, sans-serif;--font-head: "Oswald", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--max: 1120px;--radius: 4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(0,212,255,.18),transparent 55%),radial-gradient(ellipse 70% 45% at 90% 10%,rgba(123,44,255,.35),transparent 50%),linear-gradient(165deg,#140a28,#0a0614 45%,#0d1024)}.halftone{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.12;background-image:radial-gradient(circle,#00d4ff 1.1px,transparent 1.2px);background-size:14px 14px;mix-blend-mode:screen}.rays{pointer-events:none;position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;opacity:.08;background:repeating-conic-gradient(from 0deg at 50% 40%,rgba(255,255,255,.35) 0deg 4deg,transparent 4deg 12deg);animation:rays-spin 80s linear infinite}@keyframes rays-spin{to{transform:rotate(360deg)}}.nav,main,.footer{position:relative;z-index:1}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;border-bottom:1px solid transparent}.nav--solid{background:#080412e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#00d4ff40}.nav__brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em}.nav__brand img{width:44px;height:44px;object-fit:cover;border:2px solid #000;box-shadow:3px 3px #000;border-radius:50%}.nav__brand em{font-style:normal;color:var(--cyan);margin-left:.35rem}.nav__links{display:flex;align-items:center;gap:1.1rem;font-family:var(--font-head);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}.nav__links a:not(.btn):hover{color:var(--cyan)}@media(max-width:820px){.nav__links a:not(.btn){display:none}}.btn{--btn-bg: var(--cyan);--btn-fg: #041018;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.45rem;border:3px solid #000;border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-head);font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:var(--comic-shadow);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,background .15s ease,filter .15s ease;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);transition:transform .45s ease;z-index:-1}.btn:hover{transform:translate(-2px,-2px) scale(1.03);box-shadow:7px 7px #000;filter:saturate(1.1)}.btn:hover:after{transform:translate(120%)}.btn:active{transform:translate(2px,2px) scale(.98);box-shadow:2px 2px #000}.btn--sm{padding:.55rem .95rem;font-size:.85rem}.btn--primary{--btn-bg: var(--red);--btn-fg: #fff;animation:btn-pulse 2.4s ease-in-out infinite}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);background:#ffffff0f}.btn--x{--btn-bg: var(--ink);--btn-fg: #000}.btn--copy{--btn-bg: var(--gold);--btn-fg: #1a1000;flex-shrink:0;min-width:8.5rem}.btn--copy.is-copied{--btn-bg: #3dff9a;animation:copy-pop .45s cubic-bezier(.34,1.56,.64,1)}.btn__burst{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 55%);opacity:0;pointer-events:none}.btn--copy.is-copied .btn__burst{animation:burst .5s ease-out}@keyframes btn-pulse{0%,to{box-shadow:var(--comic-shadow)}50%{box-shadow:5px 5px #000,0 0 22px #ff2d3a8c}}@keyframes copy-pop{0%{transform:scale(1)}40%{transform:scale(1.12) rotate(-2deg)}to{transform:scale(1)}}@keyframes burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.2)}}.hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:5.5rem 1.25rem 2.5rem}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__banner{width:100%;height:100%;object-fit:cover;object-position:center top}.hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080412eb,#0804128c 48%,#08041240),linear-gradient(180deg,#08041259,#08041226 40%,#080412f2)}.hero__content{position:relative;z-index:1;max-width:var(--max);margin:0 auto;width:100%}.hero__eyebrow{display:inline-block;margin-bottom:.75rem;padding:.35rem .7rem;border:2px solid #000;background:var(--cyan);color:#041018;font-family:var(--font-head);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:3px 3px #000}.hero__title{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font-family:var(--font-display);font-size:clamp(3.4rem,10vw,6.5rem);line-height:.95;letter-spacing:.03em;text-shadow:4px 4px 0 #000,0 0 40px rgba(0,212,255,.35);margin-bottom:1rem}.brand-glow{background:linear-gradient(100deg,#fff 10%,var(--cyan) 45%,#ff7ad9 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #000)}.ticker-badge{display:inline-flex;align-items:center;padding:.2rem .65rem .05rem;border:3px solid #000;background:var(--red);color:#fff;font-size:clamp(1.5rem,4vw,2.4rem);box-shadow:var(--comic-shadow);transform:rotate(-3deg);animation:badge-wobble 3s ease-in-out infinite}@keyframes badge-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(2deg) translateY(-2px)}}.hero__tagline{max-width:38rem;margin-bottom:1.5rem;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.25rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.75rem}.ca-block{max-width:100%;padding:1.1rem 1.2rem 1.25rem;border:3px solid #000;background:linear-gradient(135deg,#00d4ff2e,#7b2cff47);box-shadow:var(--comic-shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ca-block__label{display:block;margin-bottom:.55rem;font-family:var(--font-head);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.ca-block__row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.ca-block__address{flex:1 1 280px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:clamp(.95rem,2.8vw,1.55rem);font-weight:700;line-height:1.35;word-break:break-all;color:#fff;text-shadow:0 0 18px rgba(0,212,255,.35)}.pop-in{animation:pop-in .55s cubic-bezier(.34,1.56,.64,1) both}.slam-in{animation:slam-in .6s cubic-bezier(.22,1,.36,1) both}.slide-up{animation:slide-up .7s ease both}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes pop-in{0%{opacity:0;transform:scale(.7) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slam-in{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.float-y{animation:float-y 4.5s ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ticker{overflow:hidden;border-block:3px solid #000;background:var(--cyan);color:#041018;padding:.65rem 0}.ticker__track{display:flex;width:max-content;gap:0;animation:marquee 28s linear infinite;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.08em;white-space:nowrap}.ticker__track span{padding:0 1.25rem}.ticker__track i{font-style:normal;margin-left:1.25rem;opacity:.55}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:5rem 1.25rem}.section__inner{max-width:var(--max);margin:0 auto}.section__eyebrow{margin-bottom:.5rem;font-family:var(--font-head);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.section__title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);letter-spacing:.03em;line-height:1.05;margin-bottom:.85rem;text-shadow:3px 3px 0 #000}.section__title span{color:var(--cyan)}.section__lead{max-width:36rem;color:var(--muted);margin-bottom:2.25rem;font-size:1.05rem}.about__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}.about__copy p{color:var(--muted);margin-bottom:1rem;font-size:1.05rem}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.75rem}.about__stats div{padding:.9rem .85rem;border:3px solid #000;background:#00000059;box-shadow:4px 4px #000}.about__stats strong{display:block;font-family:var(--font-head);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:.25rem}.about__stats span{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em}.about__art img{width:100%;max-width:420px;margin-inline:auto;border:4px solid #000;box-shadow:var(--comic-shadow-lg)}@media(max-width:800px){.about__grid{grid-template-columns:1fr}.about__art{order:-1}.about__stats{grid-template-columns:1fr}}.howto{background:linear-gradient(180deg,transparent,rgba(123,44,255,.12),transparent)}.howto__steps{list-style:none;display:grid;gap:1rem}.howto__step{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;padding:1.25rem 1.35rem;border:3px solid #000;background:#0a0614bf;box-shadow:5px 5px #000;transition:transform .2s ease,box-shadow .2s ease}.howto__step:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #000}.howto__num{font-family:var(--font-display);font-size:2rem;color:var(--red);line-height:1;text-shadow:2px 2px 0 #000}.howto__step h3{font-family:var(--font-head);font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.howto__step p{color:var(--muted)}.gallery__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem}.gallery__item{grid-column:span 2;overflow:hidden;border:3px solid #000;box-shadow:5px 5px #000;background:#000;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.gallery__item:nth-child(4),.gallery__item:nth-child(5){grid-column:span 3}.gallery__item img{width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .4s ease}.gallery__item:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:8px 8px #000;z-index:2}.gallery__item:hover img{transform:scale(1.06)}@media(max-width:700px){.gallery__grid{grid-template-columns:1fr}.gallery__item,.gallery__item:nth-child(4),.gallery__item:nth-child(5){grid-column:span 1}}.blog__list{display:grid;gap:1.5rem}.blog__post{padding:1.5rem 0 1.75rem;border-bottom:2px solid rgba(0,212,255,.25)}.blog__post:first-child{border-top:2px solid rgba(0,212,255,.25)}.blog__meta{display:flex;align-items:center;gap:.85rem;margin-bottom:.65rem;font-family:var(--font-head);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.blog__tag{padding:.2rem .5rem;border:2px solid #000;background:var(--purple);color:#fff;box-shadow:2px 2px #000}.blog__post h3{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.1rem);letter-spacing:.03em;margin-bottom:.65rem;line-height:1.15}.blog__post p{max-width:46rem;color:var(--muted);font-size:1.05rem}.footer{border-top:3px solid #000;background:#050308;padding:2.5rem 1.25rem 3rem}.footer__inner{max-width:var(--max);margin:0 auto;display:grid;gap:1.25rem}.footer__brand{display:flex;align-items:center;gap:.85rem}.footer__brand img{width:52px;height:52px;object-fit:cover;border:2px solid #000;border-radius:50%;box-shadow:3px 3px #000}.footer__brand strong{display:block;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em}.footer__brand span{color:var(--muted);font-size:.9rem}.footer__disclaimer{color:var(--muted);font-size:.9rem;max-width:40rem}.footer__links{display:flex;flex-wrap:wrap;gap:1.25rem;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.footer__links a:hover{color:var(--cyan)}@media(max-width:520px){.hero{padding-top:5rem;align-items:end}.ca-block__row{flex-direction:column;align-items:stretch}.btn--copy{width:100%}}
