@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/cormorant.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:dark;--ink:#eeede6;--muted:#a0a59f;--rule:rgba(222,227,215,.13);--mint:#90dcb5;--lilac:#c3a4e9}
*{box-sizing:border-box}
html{background:#101211}
body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 17% 71%,rgba(54,109,77,.09),transparent 48%),radial-gradient(ellipse at 89% 54%,rgba(103,67,143,.09),transparent 46%),#101211}
body::before{content:'';position:fixed;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,rgba(220,224,218,.04),transparent);pointer-events:none;z-index:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--mint);outline-offset:7px}
.page{position:relative;z-index:1;min-height:100svh;max-width:1440px;padding:0 64px;margin:auto;display:flex;flex-direction:column}
.masthead{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule)}
.brand{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.18em}
.brand img{object-fit:contain}
.status{display:flex;align-items:center;gap:9px;font-size:12px;color:#c3c8bf}
.status>span{width:5px;height:5px;flex:none;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #90dcb52b}
main{flex:1;display:grid;place-items:center;text-align:center;padding:38px 0 45px}
.hero{width:100%;max-width:840px}
.insignia{position:relative;display:inline-flex;margin-bottom:22px}
.insignia::before{content:'';position:absolute;inset:0 -30px;background:linear-gradient(90deg,#7fffbd24,#a078fc26);filter:blur(35px);z-index:-1}
.insignia img{display:block;object-fit:contain}
.factions{margin:0 0 27px;font-size:11px;letter-spacing:.22em;display:flex;align-items:center;justify-content:center;gap:20px}
.pump{color:var(--mint)}.stonk{color:var(--lilac)}
.versus{font-size:9px;color:#787d76;letter-spacing:.08em}
h1{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(76px,8.6vw,120px);letter-spacing:-.048em;line-height:.86;margin:0 0 30px}
h1 em{font-style:normal;color:#cecfbf;display:inline-block;margin-top:8px}
.intro{font-size:14px;line-height:1.95;color:var(--muted);margin:0 auto 28px;max-width:520px}
.follow{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 24px;border:1px solid #d3d5c7;background:#d9dccd;color:#171b17;border-radius:3px;font-size:13px;transition:background .2s,border-color .2s,transform .2s}
.follow:hover{background:#f0f1e7;border-color:#f0f1e7;transform:translateY(-2px)}
.follow svg{flex:none}.arrow{margin-left:18px;font-family:Arial,sans-serif;font-size:19px}
.handle{margin:13px 0 0;color:#838b81;font-size:11px;letter-spacing:.035em}
footer{min-height:88px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#92998e;font-size:11px}
.token-notice{display:flex;align-items:center;gap:11px;margin:0;line-height:1.9}
.token-notice strong{color:#c8cbbd;font-weight:500}
.notice-mark{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;border:1px solid #626a5d;border-radius:50%;font-family:Arial,sans-serif;font-size:10px;color:#c8cbbd}
.copyright{font-size:10px;white-space:nowrap;color:#7f887b;letter-spacing:.025em}
.mobile-break{display:none}
@media(min-width:900px) and (min-height:900px){main{padding:65px 0 70px}.insignia{margin-bottom:26px}h1{margin-bottom:36px}.intro{margin-bottom:32px}}
@media(min-width:701px) and (max-height:850px){.masthead{min-height:85px}main{padding:24px 0 28px}.insignia{margin-bottom:16px}.insignia img{width:96px;height:80px}.factions{margin-bottom:20px}h1{font-size:94px;margin-bottom:22px}.intro{font-size:13px;line-height:1.8;margin-bottom:22px}.follow{min-height:48px}footer{min-height:75px}}
@media(max-width:700px){.page{padding:0 28px}.masthead{min-height:83px}.brand{font-size:10px;letter-spacing:.12em;gap:10px}.brand img{width:30px;height:25px}.status{font-size:10px;gap:6px}main{padding:44px 0 42px}.insignia img{width:110px;height:91px}.insignia{margin-bottom:20px}.factions{margin-bottom:27px;font-size:10px}h1{font-size:clamp(56px,17.5vw,88px)}.intro{font-size:12px;max-width:330px;margin-bottom:27px;line-height:1.95}.follow{min-height:50px}.handle{font-size:10px}footer{align-items:flex-start;justify-content:center;flex-direction:column;min-height:110px;gap:12px;padding:20px 0}.copyright{padding-left:28px}.token-notice{font-size:11px}}
@media(max-width:400px){.page{padding:0 22px}.brand{letter-spacing:.08em}.status{font-size:9px}.intro{max-width:290px}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){.follow{transition:none}.follow:hover{transform:none}}