:root{--ink:#080a08;--acid:#b9ff2c;--gold:#ffbf00;--paper:#f2f1e8;--line:#2c3029}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(20px,5vw,78px);font-family:'DM Mono',monospace;font-size:.78rem;letter-spacing:.12em}
nav .brand{font:1.25rem Anton,sans-serif;color:var(--acid);letter-spacing:.04em}
.brand span{color:var(--gold)}
nav div{display:flex;align-items:center;gap:32px}
.nav-x{border:1px solid var(--acid);color:var(--acid);padding:10px 13px;font-weight:700}
.nav-x:hover{background:var(--acid);color:var(--ink)}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,80px);align-items:center;padding:64px clamp(20px,5vw,78px) 72px;overflow:hidden}
.eyebrow,.section-no{font:500 .78rem 'DM Mono',monospace;letter-spacing:.15em;color:var(--acid)}
h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.91;margin:18px 0}
h1{font-size:clamp(4.5rem,9vw,9rem);letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--acid);-webkit-text-stroke:1px var(--acid)}
.dek{max-width:610px;color:#b8bcb3;font-size:1.08rem;line-height:1.65}
.ticker{margin:32px 0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:540px;border:1px solid #4b5147}
.ticker span,.ticker strong,.ticker button{padding:16px 18px}
.ticker span{font:500 .72rem 'DM Mono';color:#8f958a}
.ticker strong{font-size:1.1rem}
.ticker button{background:transparent;border:0;border-left:1px solid #4b5147;color:var(--acid);font:500 .75rem 'DM Mono';cursor:pointer}
.cta{display:flex;justify-content:space-between;max-width:540px;background:var(--acid);color:#091000;padding:19px 22px;font-weight:900}
.cta:hover{background:var(--gold)}
figure{margin:0;position:relative;transform:rotate(1.5deg)}
figure:before{content:"";position:absolute;inset:-18px;border:1px solid var(--acid);z-index:-1}
figure img{width:100%;display:block;aspect-ratio:1;object-fit:cover;filter:saturate(1.05)}
figcaption{position:absolute;left:-12px;bottom:20px;background:var(--gold);color:#140e00;padding:9px 14px;font:500 .74rem 'DM Mono';transform:rotate(-3deg)}
.marquee{overflow:hidden;background:var(--acid);color:#0d1108;padding:14px 0;font:500 .8rem 'DM Mono';white-space:nowrap}
.marquee div{width:max-content;animation:scroll 18s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}
}
.latest-memes{padding:110px clamp(20px,5vw,78px);border-top:1px solid var(--line);background:#080a08}
.latest-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:54px}
.latest-head h2{font-size:clamp(4rem,8vw,8rem)}
.latest-head h2 span{color:var(--gold)}
.latest-head>p{color:#aab0a5;line-height:1.7}
.meme-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}
.meme-grid article{border:1px solid #343a31;background:#10130f;overflow:hidden}
.meme-grid img{display:block;width:100%;height:auto;background:#050605}
.meme-grid article>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-top:1px solid #343a31}
.meme-grid h3{margin:0;font-family:Anton,Impact,sans-serif;font-size:1.45rem;font-weight:400;letter-spacing:.035em}
.meme-download{flex:0 0 auto;color:var(--acid);font:700 .72rem 'DM Mono',monospace;text-decoration:underline;text-underline-offset:4px}
.lore{padding:110px clamp(20px,5vw,78px)}
.lore h2{font-size:clamp(4rem,8vw,8rem)}
.lore h2 span{color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}
.cards article{background:#10130f;padding:36px;min-height:250px}
.cards b{font-size:2rem;color:var(--acid)}
.cards h3{font-family:Anton;font-size:1.8rem;letter-spacing:.04em}
.cards p{color:#aab0a5;line-height:1.6}
.about-tip{padding:110px clamp(20px,5vw,78px);border-top:1px solid var(--line);background:#0d100c}
.about-intro{display:grid;grid-template-columns:1.1fr .9fr;column-gap:clamp(32px,7vw,110px);align-items:end}
.about-intro .section-no{grid-column:1/-1}
.about-tip h2{font-size:clamp(4rem,8vw,8rem);margin-bottom:0}
.about-tip h2 span{color:var(--acid)}
.about-intro>p:last-child{color:#b8bcb3;font-size:1.05rem;line-height:1.75;margin:0 0 10px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:64px}
.about-grid article{background:#10130f;padding:36px}
.about-grid h3,.faq h3{font-family:Anton,Impact,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.04em;margin:0 0 16px}
.about-grid p,.faq details p{color:#aab0a5;line-height:1.65}
.text-link{display:inline-block;margin-top:12px;color:var(--acid);font:700 .78rem 'DM Mono',monospace;text-decoration:underline;text-underline-offset:4px}
.address{overflow-wrap:anywhere;font-family:'DM Mono',monospace;color:var(--gold)!important}
.faq{margin-top:72px;max-width:940px}
.faq details{border-top:1px solid #353a32;padding:0}
.faq details:last-child{border-bottom:1px solid #353a32}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:800;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:8px;color:var(--acid);font:400 1.5rem 'DM Mono',monospace}
.faq details[open] summary:after{content:'−'}
.faq details p{margin:0;padding:0 44px 22px 0}
.disclaimer{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;background:var(--paper);color:var(--ink);padding:90px clamp(20px,5vw,78px)}
.disclaimer .section-no{color:#4e5549}
.disclaimer h2{font-size:clamp(3.5rem,7vw,7rem)}
.disclaimer>p{font-size:1rem;line-height:1.75;color:#40453d}
footer{display:flex;justify-content:space-between;padding:32px clamp(20px,5vw,78px);font:500 .72rem 'DM Mono';color:#8a9085}
footer strong{color:var(--acid)}
.footer-x{color:var(--acid);text-decoration:underline;text-underline-offset:4px}
#toast{position:fixed;right:24px;bottom:24px;background:var(--gold);color:#111;padding:12px 18px;font:500 .75rem 'DM Mono';transform:translateY(100px);transition:.2s}
#toast.show{transform:translateY(0)}
@media(max-width:850px){nav div{display:none}
.hero{grid-template-columns:1fr;padding-top:44px}
.copy{order:2}
figure{order:1;justify-self:center;width:min(78vw,320px);max-width:320px}
figure img{width:100%;height:auto;max-height:320px;aspect-ratio:1;object-fit:cover}
.cards{grid-template-columns:1fr}
.about-intro,.about-grid{grid-template-columns:1fr}
.about-intro>p:last-child{margin-top:26px}
.about-grid{gap:1px}
.latest-head,.meme-grid{grid-template-columns:1fr}
.latest-head{gap:10px}
.latest-head>p{margin-top:18px}
.meme-grid article>div{align-items:flex-start;flex-direction:column;gap:10px}
.disclaimer{grid-template-columns:1fr;gap:24px}
h1{font-size:clamp(4.2rem,20vw,7rem)}
}
@media(min-width:851px) and (max-width:1120px){nav div{gap:18px}nav{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}
.marquee div{animation:none}
}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:540px}
.hero-actions .cta{max-width:none}
.cta-secondary{background:transparent;color:var(--acid);border:1px solid var(--acid)}
.cta-secondary:hover{color:#111}
.create-link,.hero-note{max-width:540px;font:500 .7rem 'DM Mono',monospace}
.create-link{margin:15px 0 0;color:#7f8779}
.create-link a{color:var(--acid);text-decoration:underline;text-underline-offset:3px}
.hero-note{margin:9px 0 0;color:#6d7468}
.mobile-cta{display:none}
@media(max-width:850px){body{padding-bottom:72px}.hero{min-height:auto;padding-top:32px;gap:34px}.hero-actions{grid-template-columns:1fr}#toast{bottom:86px}.mobile-cta{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:.8fr 1fr 1.1fr;gap:1px;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:#080a08ee;border-top:1px solid #3d4439;backdrop-filter:blur(14px)}.mobile-cta button,.mobile-cta a{min-height:50px;display:grid;place-items:center;border:1px solid var(--acid);font:900 .72rem 'DM Mono',monospace;letter-spacing:.02em}.mobile-cta button{background:transparent;color:var(--acid)}.mobile-cta a{background:var(--acid);color:#091000}.mobile-cta .mobile-x{background:transparent;color:var(--acid)}footer{flex-wrap:wrap;gap:16px 24px}.footer-x{order:3;width:100%}
}