/* ============================================================
   Get a Job ($JOB) — McDonald's-themed meme coin landing page
   Palette: McDonald's Red #DA291C · Golden Yellow #FFC72C · Black #27251F
   ============================================================ */

:root{
  --red:#DA291C;
  --red-deep:#B0160B;
  --red-dark:#7e0f06;
  --yellow:#FFC72C;
  --yellow-deep:#F2A900;
  --black:#1c1a16;
  --ink:#27251F;
  --cream:#FFF8E7;
  --cream-2:#FFF1CF;
  --white:#ffffff;
  --up:#2ec27e;
  --down:#ff5a4d;

  --font-display:'Anton', 'Archivo', system-ui, sans-serif;
  --font-head:'Archivo', system-ui, sans-serif;
  --font-body:'Inter', system-ui, -apple-system, sans-serif;

  --maxw:1180px;
  --radius:18px;
  --shadow:0 18px 40px rgba(0,0,0,.18);
  --shadow-hard:6px 6px 0 var(--ink);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--cream);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
section{position:relative}

/* selection */
::selection{background:var(--yellow);color:var(--ink)}

/* ============================================================
   TICKER
   ============================================================ */
.ticker{
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
  white-space:nowrap;
  border-bottom:3px solid var(--yellow);
  font-family:var(--font-head);
  font-weight:900;
  letter-spacing:.04em;
  font-size:.82rem;
  padding:7px 0;
}
.ticker__track{
  display:inline-flex;
  align-items:center;
  gap:14px;
  animation:scrollTicker 34s linear infinite;
  will-change:transform;
}
.ticker__track span{padding:0 2px;text-transform:uppercase}
.ticker .dot{color:var(--yellow);opacity:.6}
.t-up{color:#7DF3B0}
.t-down{color:#FF8A7E}
.t-flat{color:var(--yellow)}
@keyframes scrollTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;
  padding:10px clamp(16px,4vw,40px);
  background:var(--red);
  border-bottom:3px solid var(--yellow);
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.nav__brand{display:flex;align-items:center;gap:12px}
.nav__logo{
  width:48px;height:48px;border-radius:50%;object-fit:cover;
  border:3px solid var(--yellow);
  box-shadow:0 0 0 2px var(--red-dark);
}
.nav__name{
  font-family:var(--font-display);
  font-size:1.7rem;letter-spacing:.02em;color:var(--white);
  line-height:1;text-shadow:2px 2px 0 var(--red-dark);
}
.nav__name--y{color:var(--yellow)}
.nav__links{display:flex;align-items:center;gap:6px}
.nav__links a{
  font-family:var(--font-head);font-weight:700;font-size:.92rem;
  color:var(--white);padding:8px 12px;border-radius:10px;
  transition:background .15s, color .15s;
}
.nav__links a:hover{background:rgba(255,255,255,.14)}
.nav__cta{margin-left:6px}
.nav__toggle{
  display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;
}
.nav__toggle span{width:26px;height:3px;background:var(--white);border-radius:3px;transition:.25s}
.nav.open .nav__toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav.open .nav__toggle span:nth-child(2){opacity:0}
.nav.open .nav__toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-head);font-weight:900;font-size:.95rem;
  text-transform:uppercase;letter-spacing:.03em;
  padding:12px 22px;border-radius:999px;cursor:pointer;border:3px solid var(--ink);
  transition:transform .12s ease, box-shadow .12s ease, background .15s;
  white-space:nowrap;
}
.btn--lg{font-size:1.05rem;padding:15px 30px}
.btn--buy{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow-hard)}
.btn--buy:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.btn--buy:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn--ghost{background:var(--white);color:var(--ink);box-shadow:var(--shadow-hard)}
.btn--ghost:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink);background:var(--cream-2)}
.nav__cta.btn{padding:9px 18px;font-size:.9rem;box-shadow:3px 3px 0 var(--red-dark)}
.nav__cta.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--red-dark)}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(255,199,44,.45), transparent 60%),
    linear-gradient(160deg, var(--red) 0%, var(--red-deep) 60%, var(--red-dark) 100%);
  color:var(--white);
  padding:clamp(40px,7vw,90px) clamp(16px,4vw,40px) clamp(60px,8vw,110px);
}
.hero__bg{
  position:absolute;inset:0;opacity:.10;pointer-events:none;
  background-image:radial-gradient(var(--yellow) 2px, transparent 2px);
  background-size:34px 34px;
}
.hero__inner{
  position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;
}
.hero__eyebrow{
  font-family:var(--font-head);font-weight:700;text-transform:uppercase;
  letter-spacing:.18em;font-size:.8rem;color:var(--yellow);margin-bottom:14px;
}
.hero__title{
  font-family:var(--font-display);
  font-size:clamp(2.6rem,6.4vw,5rem);
  line-height:.95;letter-spacing:.01em;text-transform:uppercase;
  text-shadow:4px 4px 0 var(--red-dark);
}
.hero__title .hl{color:var(--yellow)}
.hero__title .strike{position:relative;color:#ffd9d3}
.hero__title .strike::after{
  content:"";position:absolute;left:-4%;right:-4%;top:52%;height:.12em;
  background:var(--yellow);transform:rotate(-4deg);border-radius:3px;
}
.hero__sub{
  margin:22px 0 28px;font-size:clamp(1rem,1.6vw,1.18rem);max-width:38ch;color:#fff3ef;
}
.hero__sub strong{color:var(--yellow)}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}

/* contract address pill */
.ca{
  display:inline-flex;align-items:center;gap:10px;max-width:100%;
  background:rgba(0,0,0,.28);border:2px dashed var(--yellow);
  border-radius:12px;padding:8px 8px 8px 14px;cursor:pointer;
  transition:background .15s;backdrop-filter:blur(2px);
}
.ca:hover{background:rgba(0,0,0,.42)}
.ca__label{
  font-family:var(--font-head);font-weight:900;color:var(--yellow);
  font-size:.8rem;letter-spacing:.1em;
}
.ca__value{
  font-family:'Inter',monospace;font-size:.82rem;color:var(--white);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw;
}
.ca__copy{
  font-family:var(--font-head);font-weight:900;font-size:.72rem;letter-spacing:.08em;
  background:var(--yellow);color:var(--ink);border:0;border-radius:8px;
  padding:6px 12px;cursor:pointer;transition:transform .12s, background .15s;
}
.ca__copy:hover{background:#fff;transform:scale(1.05)}

/* hero art */
.hero__art{position:relative;display:flex;flex-direction:column;align-items:center}
.hero__frame{
  position:relative;border-radius:24px;overflow:hidden;
  border:5px solid var(--yellow);
  box-shadow:0 22px 50px rgba(0,0,0,.4), 0 0 0 5px var(--red-dark);
  background:var(--ink);
  transform:rotate(-2deg);
  animation:floatArt 6s ease-in-out infinite;
}
.hero__frame img{width:min(420px,80vw);aspect-ratio:1/1;object-fit:cover}
@keyframes floatArt{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}
.badge-hiring{
  position:absolute;top:-18px;right:-18px;z-index:3;
  width:96px;height:96px;border-radius:50%;
  background:var(--yellow);color:var(--ink);
  font-family:var(--font-display);font-size:1rem;line-height:.95;text-align:center;
  display:flex;align-items:center;justify-content:center;
  border:4px solid var(--ink);box-shadow:var(--shadow);
  transform:rotate(12deg);animation:wobble 3.5s ease-in-out infinite;
}
@keyframes wobble{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-6deg) scale(1.06)}}
.hero__nametag{
  margin-top:22px;background:var(--white);color:var(--ink);
  border:3px solid var(--ink);border-radius:8px;
  padding:8px 18px;display:flex;flex-direction:column;align-items:center;
  transform:rotate(1.5deg);box-shadow:var(--shadow-hard);
}
.hero__nametag-co{font-size:.62rem;letter-spacing:.22em;color:var(--red);font-weight:700;text-transform:uppercase}
.hero__nametag-name{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em}

/* floating emojis */
.float-emoji{position:absolute;z-index:1;font-size:clamp(2rem,4vw,3.4rem);filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));opacity:.9;pointer-events:none}
.f1{top:14%;left:6%;animation:floaty 7s ease-in-out infinite}
.f2{bottom:16%;left:12%;animation:floaty 9s ease-in-out infinite .6s}
.f3{top:22%;right:8%;animation:floaty 8s ease-in-out infinite 1.2s}
.f4{bottom:12%;right:6%;animation:floaty 6.5s ease-in-out infinite .3s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-22px) rotate(6deg)}}

/* ============================================================
   METRICS
   ============================================================ */
.metrics{
  max-width:var(--maxw);margin:-40px auto 0;position:relative;z-index:5;
  background:var(--ink);border-radius:var(--radius);
  border:4px solid var(--yellow);
  display:grid;grid-template-columns:repeat(4,1fr);
  box-shadow:var(--shadow);overflow:hidden;
}
.metric{
  padding:26px 18px;text-align:center;color:var(--white);
  border-right:2px solid rgba(255,255,255,.12);
}
.metric:last-child{border-right:0}
.metric__num{
  display:block;font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.5rem);
  color:var(--yellow);line-height:1;letter-spacing:.01em;
}
.metric__label{display:block;margin-top:8px;font-size:.82rem;color:#e9e4d6;font-weight:500}

.served{
  text-align:center;font-family:var(--font-display);
  font-size:clamp(1.1rem,2.6vw,1.8rem);letter-spacing:.04em;
  color:var(--red);background:var(--yellow);
  padding:14px;margin-top:40px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
  text-transform:uppercase;
}
.served strong{color:var(--ink)}

/* ============================================================
   SECTION SHELL
   ============================================================ */
.section{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,8vw,96px) clamp(16px,4vw,40px)}
.section__head{text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.kicker{
  display:inline-block;font-family:var(--font-head);font-weight:900;
  text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;
  color:var(--red);background:var(--yellow);
  padding:6px 16px;border-radius:999px;border:2px solid var(--ink);margin-bottom:18px;
}
.section__title{
  font-family:var(--font-display);
  font-size:clamp(2rem,5vw,3.6rem);line-height:.98;text-transform:uppercase;color:var(--ink);
}
.section__title .hl{color:var(--red);position:relative}
.section__lead{max-width:62ch;margin:18px auto 0;font-size:1.05rem;color:#4a463c}
.section__lead em{font-style:italic;color:var(--red);font-weight:600}
.hl{color:var(--red)}

/* ============================================================
   COPE / STORY
   ============================================================ */
.cope{}
.cope__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);align-items:center}
.cope__text p{margin-bottom:16px;font-size:1.06rem}
.cope__text strong{color:var(--red)}
.cope__text .btn{margin-top:10px}
.cope__card{
  background:var(--ink);border-radius:var(--radius);padding:28px;
  border:4px solid var(--red);box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.cope__chart{display:flex;align-items:flex-end;gap:10px;height:200px}
.cope__chart .bar{
  flex:1;height:var(--h);background:linear-gradient(var(--down),#b3160b);
  border-radius:6px 6px 0 0;opacity:.92;
  transform-origin:bottom;animation:growBar .9s ease both;
}
.cope__chart .bar--rekt{background:linear-gradient(#ff8a7e,#7e0f06);box-shadow:0 0 18px rgba(255,90,77,.6)}
@keyframes growBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.cope__chart-caption{margin-top:14px;font-family:var(--font-head);font-weight:900;color:#fff;letter-spacing:.06em}
.cope__stamp{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);
  font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);
  color:var(--down);border:5px solid var(--down);padding:6px 18px;border-radius:10px;
  letter-spacing:.08em;opacity:.85;pointer-events:none;text-transform:uppercase;
  box-shadow:0 0 0 3px rgba(0,0,0,.2) inset;
}

/* ============================================================
   MENU (xStocks parody grid)
   ============================================================ */
.menu{}
.menu__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);
}
.ticker-card{
  background:var(--white);border:3px solid var(--ink);border-radius:16px;
  padding:20px;box-shadow:var(--shadow-hard);
  transition:transform .15s ease, box-shadow .15s ease;
}
.ticker-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.ticker-card--star{background:var(--yellow)}
.ticker-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ticker-card__emoji{font-size:2rem}
.tag{
  font-family:var(--font-head);font-weight:900;font-size:.68rem;letter-spacing:.06em;
  padding:4px 9px;border-radius:999px;text-transform:uppercase;
}
.tag.up{background:rgba(46,194,126,.16);color:#0e8a4f;border:1.5px solid #0e8a4f}
.tag.down{background:rgba(255,90,77,.16);color:#c01b0c;border:1.5px solid #c01b0c}
.ticker-card__sym{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.02em;color:var(--ink)}
.ticker-card__name{font-size:.9rem;color:#6a665a;margin:2px 0 12px}
.ticker-card__price{font-family:var(--font-head);font-weight:900;font-size:1.05rem}
.up{color:#0e8a4f}
.down{color:#c01b0c}
.menu__disclaimer{text-align:center;margin-top:26px;font-size:.82rem;color:#8a8474;max-width:60ch;margin-left:auto;margin-right:auto}

/* ============================================================
   COMPARE TABLE
   ============================================================ */
.compare{}
.compare__table{
  border:4px solid var(--ink);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);background:var(--white);
}
.compare__row{display:grid;grid-template-columns:1.1fr 1.3fr 1.3fr}
.compare__row:not(:last-child){border-bottom:2px solid #efe7d2}
.compare__cell{padding:16px 18px;font-size:.96rem;display:flex;align-items:center}
.compare__feat{font-family:var(--font-head);font-weight:900;background:var(--cream-2)}
.compare__row--head .compare__cell{
  font-family:var(--font-display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em;
  color:var(--white);padding:16px 18px;
}
.compare__row--head .compare__cell:first-child{background:var(--ink)}
.compare__cell--bad{background:#fff}
.compare__cell--good{background:#fff}
.compare__row--head .compare__cell--bad{background:var(--red)}
.compare__row--head .compare__cell--good{background:#0e8a4f}
.compare__row:not(.compare__row--head) .compare__cell--bad{color:#a3231a;background:#fff6f5}
.compare__row:not(.compare__row--head) .compare__cell--good{color:#0c6b3e;background:#f3fbf6;font-weight:600}
.compare__verdict{
  text-align:center;margin-top:30px;font-family:var(--font-display);
  font-size:clamp(1.4rem,3.4vw,2.2rem);text-transform:uppercase;color:var(--ink);
}

/* ============================================================
   TOKENOMICS
   ============================================================ */
.tokenomics__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:44px;
}
.value-card{
  background:var(--red);color:var(--white);border:4px solid var(--ink);
  border-radius:16px;padding:24px 18px;text-align:center;box-shadow:var(--shadow-hard);
  transition:transform .15s;
}
.value-card:hover{transform:translateY(-4px)}
.value-card__price{display:block;font-family:var(--font-display);font-size:2.4rem;color:var(--yellow);line-height:1}
.value-card__label{display:block;margin-top:8px;font-family:var(--font-head);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.value-card__sub{display:block;margin-top:4px;font-size:.82rem;color:#ffe6c9}

.alloc{
  background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);
  padding:clamp(22px,3vw,34px);box-shadow:var(--shadow);
}
.alloc__title{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;margin-bottom:20px;color:var(--ink)}
.alloc__bar{margin-bottom:18px}
.alloc__name{display:block;font-weight:700;margin-bottom:6px;font-size:.95rem}
.alloc__track{background:var(--cream-2);border:2px solid var(--ink);border-radius:999px;height:30px;overflow:hidden}
.alloc__fill{
  height:100%;width:var(--w);background:var(--yellow);
  display:flex;align-items:center;justify-content:flex-end;
  padding-right:12px;color:var(--ink);font-family:var(--font-head);font-weight:900;font-size:.85rem;
  border-radius:0 999px 999px 0;transition:width 1.1s cubic-bezier(.2,.8,.2,1);
}
.alloc--init .alloc__fill{width:0}
.alloc__fill--2{background:var(--red);color:#fff}
.alloc__fill--3{background:var(--ink);color:var(--yellow)}

/* ============================================================
   CAREER LADDER
   ============================================================ */
.career__ladder{list-style:none;max-width:820px;margin:0 auto;position:relative}
.career__ladder::before{
  content:"";position:absolute;left:31px;top:14px;bottom:14px;width:4px;
  background:repeating-linear-gradient(var(--yellow) 0 12px, transparent 12px 22px);
}
.career__step{
  display:flex;gap:22px;align-items:flex-start;margin-bottom:26px;position:relative;
}
.career__rank{
  flex:none;width:64px;height:64px;border-radius:50%;
  background:var(--yellow);color:var(--red);border:4px solid var(--ink);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;font-weight:900;box-shadow:var(--shadow-hard);z-index:2;letter-spacing:-2px;
}
.career__body{
  background:var(--white);border:3px solid var(--ink);border-radius:14px;
  padding:18px 22px;box-shadow:var(--shadow-hard);flex:1;
}
.career__body h3{font-family:var(--font-display);text-transform:uppercase;font-size:1.25rem;color:var(--red);margin-bottom:6px;letter-spacing:.01em}
.career__body p{font-size:.98rem}
.career__body strong{color:var(--red)}

/* ============================================================
   HOW TO BUY
   ============================================================ */
.buy__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{
  background:var(--ink);color:var(--white);border-radius:16px;padding:26px 22px;
  border:4px solid var(--yellow);position:relative;box-shadow:var(--shadow);
}
.step__num{
  position:absolute;top:-22px;left:18px;
  width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:1.5rem;border:4px solid var(--ink);
}
.step h3{font-family:var(--font-display);text-transform:uppercase;font-size:1.2rem;color:var(--yellow);margin:14px 0 8px}
.step p{font-size:.92rem;color:#e9e4d6}
.step strong{color:var(--yellow)}
.buy__cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px}
.buy__cta .ca{background:var(--ink);border-color:var(--red)}
.buy__cta .ca__value{color:#fff;max-width:min(70vw,520px)}
.buy__links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* ============================================================
   FAQ
   ============================================================ */
.faq__list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq__item{
  background:var(--white);border:3px solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow-hard);overflow:hidden;
}
.faq__item summary{
  cursor:pointer;list-style:none;padding:18px 22px;
  font-family:var(--font-head);font-weight:900;font-size:1.05rem;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"＋";color:var(--red);font-size:1.4rem;transition:transform .2s}
.faq__item[open] summary::after{content:"－"}
.faq__item p{padding:0 22px 20px;color:#4a463c}

/* ============================================================
   COMMUNITY
   ============================================================ */
.community__links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:840px;margin:0 auto}
.social{
  background:var(--red);color:var(--white);border:4px solid var(--ink);border-radius:16px;
  padding:24px 14px;text-align:center;font-family:var(--font-head);font-weight:900;
  box-shadow:var(--shadow-hard);transition:transform .15s, background .15s;
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.social:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);background:var(--red-deep)}
.social__icon{font-size:2rem;background:var(--yellow);color:var(--ink);width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{
  background:var(--ink);color:#e9e4d6;text-align:center;
  padding:clamp(48px,7vw,80px) clamp(16px,4vw,40px) 40px;border-top:5px solid var(--yellow);
}
.footer__big{
  font-family:var(--font-display);font-size:clamp(2.4rem,9vw,6rem);
  color:var(--yellow);text-transform:uppercase;line-height:.9;letter-spacing:.02em;
  text-shadow:4px 4px 0 var(--red);margin-bottom:24px;
}
.footer__logo{width:74px;height:74px;border-radius:50%;border:3px solid var(--yellow);object-fit:cover;margin:0 auto 14px}
.footer__tag{font-family:var(--font-head);font-weight:700;color:var(--yellow);margin-bottom:24px}
.footer__disclaimer{max-width:760px;margin:0 auto 18px;font-size:.78rem;color:#a39e8f;line-height:1.7}
.footer__disclaimer strong{color:#d8d2c2}
.footer__copy{font-size:.82rem;color:#8a8474}

/* ============================================================
   TOAST
   ============================================================ */
.toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(140%);
  background:var(--ink);color:var(--white);border:3px solid var(--yellow);
  padding:14px 24px;border-radius:14px;font-family:var(--font-head);font-weight:900;
  box-shadow:var(--shadow);z-index:200;transition:transform .35s cubic-bezier(.2,.9,.2,1);
  max-width:90vw;text-align:center;
}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ============================================================
   REVEAL ANIMATION
   ============================================================ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:920px){
  .hero__inner{grid-template-columns:1fr;text-align:center}
  .hero__copy{order:2}
  .hero__art{order:1;margin-bottom:8px}
  .hero__cta,.hero__sub{margin-left:auto;margin-right:auto}
  .hero__sub{max-width:50ch}
  .cope__grid{grid-template-columns:1fr}
  .menu__grid{grid-template-columns:repeat(2,1fr)}
  .tokenomics__grid{grid-template-columns:repeat(2,1fr)}
  .buy__steps{grid-template-columns:repeat(2,1fr)}
  .community__links{grid-template-columns:repeat(2,1fr)}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .metric:nth-child(2){border-right:0}
  .metric:nth-child(1),.metric:nth-child(2){border-bottom:2px solid rgba(255,255,255,.12)}
}
@media (max-width:720px){
  .nav__links{
    position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--red);padding:10px 16px 18px;gap:4px;
    border-bottom:3px solid var(--yellow);
    transform:translateY(-130%);transition:transform .3s ease;z-index:-1;
  }
  .nav.open .nav__links{transform:translateY(0)}
  .nav__links a{padding:12px 14px}
  .nav__toggle{display:flex}
  .nav__cta{margin:6px 0 0;text-align:center}
  .ca__value{max-width:60vw}
}
@media (max-width:480px){
  .menu__grid,.tokenomics__grid,.buy__steps,.community__links{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr}
  .metric{border-right:0!important;border-bottom:2px solid rgba(255,255,255,.12)}
  .compare__row{grid-template-columns:1fr}
  .compare__row .compare__feat{background:var(--ink);color:#fff}
  .compare__row--head{display:none}
  .compare__cell--bad::before{content:"📉 Portfolio: ";font-weight:700}
  .compare__cell--good::before{content:"🍟 $JOB: ";font-weight:700}
  .career__rank{width:52px;height:52px;font-size:.8rem}
  .career__ladder::before{left:25px}
}

/* ============================================================
   CHECK YOUR EARNINGS + RECENT AIRDROPS (live from the machine)
   ============================================================ */
.earn-box{
  max-width:760px;margin:0 auto;background:var(--white);
  border:4px solid var(--ink);border-radius:var(--radius);
  padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);
}
.earn-bar{display:flex;gap:12px;flex-wrap:wrap}
.earn-input{
  flex:1;min-width:240px;padding:14px 16px;border-radius:12px;
  background:var(--cream);border:3px solid var(--ink);color:var(--ink);
  font-family:'Inter',monospace;font-size:.95rem;outline:none;transition:.15s;
}
.earn-input:focus{background:#fff;box-shadow:4px 4px 0 var(--ink)}
.earn-input::placeholder{color:#9a948440}
.earn-bar .btn{padding:14px 24px}
.earn-result{display:none}
.earn-result.show{display:block;margin-top:20px;border-top:3px solid var(--ink);padding-top:20px}
.earn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.earn-addr{font-family:'Inter',monospace;font-size:.85rem;color:#6a665a;font-weight:600}
.earn-total{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);color:var(--red);line-height:1}
.earn-total small{font-size:.9rem;color:#6a665a;font-weight:500;font-family:var(--font-body)}
.earn-badge{
  display:inline-block;font-family:var(--font-head);font-weight:900;font-size:.72rem;
  letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px;
  border:2px solid var(--ink);background:var(--up);color:#fff;
}
.earn-badge.no{background:var(--cream-2);color:#8a8474}
.earn-sub{font-size:.85rem;color:#6a665a;margin-top:8px;text-align:right}
.earn-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.earn-cell{
  display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;
  background:var(--cream-2);border:3px solid var(--ink);box-shadow:var(--shadow-hard);
}
.earn-cell img{width:40px;height:40px;border-radius:10px;border:2px solid var(--ink);flex:none}
.earn-cell .tk{font-family:var(--font-head);font-weight:900;font-size:.85rem;color:var(--ink)}
.earn-cell .sh{font-family:'Inter',monospace;font-size:1.05rem;color:var(--ink);font-weight:700}
.earn-cell .sl{font-size:.72rem;color:#8a8474}
.earn-empty{padding:18px;text-align:center;color:#8a8474;font-size:.95rem}

/* ── next-payout countdown ─────────────────────────────── */
.payout-timer{
  background:var(--ink);color:#fff;border:4px solid var(--ink);border-radius:var(--radius);
  padding:clamp(18px,2.6vw,28px) clamp(20px,3vw,32px);box-shadow:var(--shadow);
  margin-bottom:26px;position:relative;overflow:hidden;
}
.payout-timer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background-image:radial-gradient(var(--yellow) 2px,transparent 2px);background-size:24px 24px;
}
.payout-timer__inner{position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.payout-timer__left{flex:1;min-width:260px}
.payout-timer__label{
  display:inline-block;font-family:var(--font-head);font-weight:900;font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);
  background:rgba(255,199,44,.12);border:2px solid var(--yellow);
  padding:5px 12px;border-radius:999px;
}
.payout-timer__count{
  margin:12px 0 8px;font-family:var(--font-display);
  font-size:clamp(3.4rem,8vw,5.6rem);line-height:.9;letter-spacing:.02em;
  color:var(--yellow);text-shadow:4px 4px 0 var(--red);
}
.payout-timer__count.live{color:var(--yellow);animation:payoutPulse 1.1s ease-in-out infinite}
.payout-timer__count.soon{color:#FFF; text-shadow:4px 4px 0 var(--red-deep)}
@keyframes payoutPulse{0%,100%{opacity:1}50%{opacity:.55}}
.payout-timer__sub{display:block;font-size:.95rem;color:#e9e4d6;font-weight:500;max-width:46ch}
.payout-timer__sub b{color:var(--yellow);font-weight:800}
.payout-timer__bar{
  flex:0 0 220px;height:14px;border-radius:8px;background:rgba(255,255,255,.10);
  border:2px solid var(--yellow);overflow:hidden;align-self:center;
}
.payout-timer__bar i{
  display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--yellow-deep));
  box-shadow:0 0 14px rgba(255,199,44,.45);transition:width .9s linear;
}
@media(max-width:640px){
  .payout-timer__inner{flex-direction:column;align-items:stretch;gap:14px}
  .payout-timer__bar{flex:1 1 100%;width:100%}
}

.airdrop-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px;
}
@media(max-width:720px){.airdrop-stats{grid-template-columns:repeat(2,1fr)}}
.airdrop-stat{
  background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:14px;
  padding:18px 16px;text-align:center;box-shadow:var(--shadow-hard);
}
.airdrop-stat .v{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--yellow);line-height:1}
.airdrop-stat .k{display:block;margin-top:6px;font-size:.74rem;color:#e9e4d6;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.airdrop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.airdrop-card{
  background:var(--white);border:3px solid var(--ink);border-radius:16px;
  padding:16px;box-shadow:var(--shadow-hard);transition:transform .15s, box-shadow .15s;
}
.airdrop-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.airdrop-card .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.airdrop-card .tkw{display:flex;align-items:center;gap:8px}
.airdrop-card .tkw img{width:28px;height:28px;border-radius:8px;border:2px solid var(--ink)}
.airdrop-card .tkw b{font-family:var(--font-head);font-weight:900;font-size:.9rem}
.airdrop-card .when{font-size:.72rem;color:#8a8474}
.airdrop-card .amt{font-family:var(--font-display);font-size:1.6rem;color:var(--ink);line-height:1}
.airdrop-card .amt small{font-size:.8rem;color:#6a665a;font-family:var(--font-body)}
.airdrop-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.74rem;color:#8a8474}
.airdrop-card .row a{color:var(--red);font-weight:700;text-decoration:none}
.airdrop-card .row a:hover{text-decoration:underline}
.airdrop-empty{
  grid-column:1/-1;padding:30px;text-align:center;color:#8a8474;font-size:.95rem;
  border:3px dashed var(--ink);border-radius:16px;background:var(--white);
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ticker__track{animation:none}
}