:root{
  --navy:#0a1130;
  --navy-2:#070a22;
  --ice:#7fc8e8;
  --ice-2:#b8e3f3;
  --mag:#e5184a;
  --mag-2:#b40d39;
  --yel:#D7FE51;
  --cream:#f6efe3;
  --cream-2:#ece2cc;
  --ink:#0c0c12;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.is-loading{overflow:hidden}
html,body{margin:0;padding:0;background:var(--navy);color:var(--cream);font-family:'VT323',ui-monospace,monospace;font-size:20px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px}

/* ─── TEXTURE LAYERS ─── */
.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.18;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.85'/></svg>");
}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.18;mix-blend-mode:soft-light;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 1px,transparent 1px 3px);
}
.halftone-overlay{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1.5px);
  background-size:6px 6px;
  mix-blend-mode:overlay;
  opacity:.55;
}

/* ─── TYPE ─── */
.mono{font-family:'Space Mono','VT323',monospace;font-size:14px;letter-spacing:.04em;text-transform:uppercase}

/* ─── NAV ─── */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;
  background:linear-gradient(180deg,rgba(7,10,34,.85),rgba(7,10,34,0));
  backdrop-filter:blur(2px);
}
.brand{display:flex;align-items:center;gap:10px;font-family:'Bungee';font-size:22px;color:var(--cream);
  text-shadow:2px 2px 0 var(--mag);}
.brand .dot{width:36px;height:36px;border-radius:50%;background:url("assets/larry-logo.png") center/cover no-repeat;border:2px solid var(--navy);box-shadow:0 0 0 2px var(--yel)}
.footer .brand .dot{width:44px;height:44px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{font-family:'Anton';font-size:16px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;padding:6px 10px;border-radius:4px}
.nav-links a:hover{background:var(--yel);color:var(--navy);transform:rotate(-2deg)}
.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--mag);color:var(--cream);font-family:'Bungee';font-size:13px;padding:9px 14px;border:2px solid var(--cream);box-shadow:4px 4px 0 var(--yel);transform:rotate(-1deg)}
.nav-cta:hover{transform:rotate(-3deg) translate(-1px,-1px);box-shadow:6px 6px 0 var(--yel)}

/* ─── MOBILE STICKY CTA ─── */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;
  padding:10px 14px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(7,10,34,0),rgba(7,10,34,.95) 30%);
  pointer-events:none;
}
.sticky-cta a{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mag);color:var(--cream);border:3px solid var(--cream);font-family:'Bungee';font-size:16px;padding:14px;box-shadow:4px 4px 0 var(--yel)}
.sticky-cta a:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--yel)}

/* ─── HERO ─── */
.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;background:var(--navy-2)}
.hero-bg{position:absolute;inset:0;background:url("assets/bg-mountains.webp") center bottom / cover no-repeat;
  transform:scale(1.05);
}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%, rgba(10,17,48,0) 0%, rgba(10,17,48,.55) 80%)}
.stars{position:absolute;inset:0;pointer-events:none}
.stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.85;animation:twinkle 2.4s infinite ease-in-out}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}

/* Larry sprite */
.larry-wrap{position:absolute;inset:0;pointer-events:none}
.larry{
  position:absolute;
  left:0;top:0;
  width:42vw;max-width:680px;min-width:380px;
  transform-origin:50% 50%;
  animation:larry-path var(--anim, 9s) linear infinite;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.45));
}
.larry img{width:100%;height:auto;display:block}

/* path: bottom-left → mid (freeze w/ jitter 30-58%) → top-right. */
@keyframes larry-path{
  0%   { transform: translate(-30vw, 70vh) rotate(-20deg) scale(.55); opacity:0 }
  6%   { opacity:1 }
  28%  { transform: translate(22vw, 14vh)  rotate(-12deg) scale(.95) }
  /* freeze window 30→58 with tiny jitter */
  30%  { transform: translate(24vw, 12vh)  rotate(-11deg) scale(1) }
  33%  { transform: translate(24.4vw,11.6vh) rotate(-10.6deg) scale(1.005) }
  36%  { transform: translate(23.7vw,12.3vh) rotate(-11.3deg) scale(.998) }
  39%  { transform: translate(24.2vw,11.8vh) rotate(-10.8deg) scale(1.003) }
  42%  { transform: translate(23.8vw,12.1vh) rotate(-11.1deg) scale(1.001) }
  45%  { transform: translate(24.3vw,11.7vh) rotate(-10.7deg) scale(1.004) }
  48%  { transform: translate(23.9vw,12.2vh) rotate(-11.2deg) scale(.999) }
  51%  { transform: translate(24.1vw,11.9vh) rotate(-10.9deg) scale(1.002) }
  54%  { transform: translate(24vw,  12vh)   rotate(-11deg)   scale(1) }
  58%  { transform: translate(24vw,  12vh)   rotate(-11deg)   scale(1) }
  /* fly off */
  78%  { transform: translate(60vw, -20vh)   rotate(-22deg)   scale(.7); opacity:1 }
  90%  { transform: translate(95vw, -45vh)   rotate(-28deg)   scale(.4); opacity:0 }
  100% { transform: translate(-30vw, 70vh)   rotate(-20deg)   scale(.55); opacity:0 }
}

/* SEND IT burst */
.burst{
  position:absolute;
  left:60%;top:22%;
  width:min(280px,22vw);
  transform:translate(-50%,-50%) scale(0) rotate(-8deg);
  animation:burst-pop var(--anim,9s) linear infinite;
  pointer-events:none;
  z-index:15;
}
.burst svg{width:100%;height:auto;display:block;filter:drop-shadow(5px 6px 0 rgba(0,0,0,.55))}
.burst-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8%}
.burst-text .l1{font-family:'Bungee';font-size:clamp(11px,1.5vw,20px);color:var(--navy);letter-spacing:.02em;line-height:1}
.burst-text .l2{font-family:'Bungee';font-size:clamp(22px,3.1vw,46px);color:var(--mag);letter-spacing:.01em;line-height:.85;margin-top:3px;
  -webkit-text-stroke:1.5px var(--navy);
  text-shadow:2.5px 2.5px 0 var(--navy);
}
.burst-text .l3{font-family:'Anton';font-size:clamp(9px,1vw,13px);color:var(--navy);margin-top:6px;letter-spacing:.18em;line-height:1}

@keyframes burst-pop{
  0%,32%   { transform:translate(-50%,-50%) scale(0)   rotate(-12deg); opacity:0 }
  34%      { transform:translate(-50%,-50%) scale(1.25) rotate(-6deg);  opacity:1 }
  37%      { transform:translate(-50%,-50%) scale(.92) rotate(-9deg);  opacity:1 }
  40%      { transform:translate(-50%,-50%) scale(1.06) rotate(-7deg); opacity:1 }
  43%      { transform:translate(-50%,-50%) scale(1)    rotate(-8deg); opacity:1 }
  52%      { transform:translate(-50%,-50%) scale(1)    rotate(-8deg); opacity:1 }
  56%      { transform:translate(-50%,-50%) scale(0)    rotate(-20deg);opacity:0 }
  100%     { transform:translate(-50%,-50%) scale(0)    rotate(-12deg);opacity:0 }
}

/* Hero overlay text */
.hero-overlay{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:0 6vw 5vh;
  display:flex;flex-direction:column;gap:14px;align-items:flex-start;
}
.kicker{display:inline-flex;align-items:center;gap:8px;background:var(--yel);color:var(--navy);padding:6px 12px;font-family:'Bungee';font-size:13px;border:2px solid var(--navy);transform:rotate(-3deg);box-shadow:3px 3px 0 var(--mag)}
.kicker .blink{width:8px;height:8px;background:var(--mag);border-radius:50%;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

.h1{font-family:'Bungee';font-size:clamp(58px,11vw,180px);line-height:.85;color:var(--cream);letter-spacing:-.01em;
  text-shadow:6px 6px 0 var(--mag),12px 12px 0 var(--navy-2);
  transform:translateX(-4px);
}
.h1 .send{color:var(--yel)}
.h1 .larrytxt{display:inline-block;transform:rotate(-2deg);color:var(--cream)}

.cta-row{display:flex;gap:14px;align-items:center;margin-top:6px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Bungee';font-size:20px;padding:14px 22px;border:3px solid var(--cream);cursor:pointer;text-transform:uppercase;letter-spacing:.02em;transition:transform .08s ease}
.btn-buy{background:var(--mag);color:var(--cream);box-shadow:6px 6px 0 var(--yel),6px 6px 0 3px var(--navy);transform:rotate(-1deg)}
.btn-buy:hover{transform:rotate(-2deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--yel),8px 8px 0 3px var(--navy)}
.btn-chart{background:transparent;color:var(--cream);border-color:var(--cream);transform:rotate(1deg)}
.btn-chart:hover{background:var(--cream);color:var(--navy);transform:rotate(2deg)}

/* ─── MARQUEE ─── */
.marquee{position:relative;background:var(--yel);color:var(--navy);border-top:5px solid var(--navy);border-bottom:5px solid var(--navy);overflow:hidden;z-index:20}
.marquee-track{display:flex;width:max-content;white-space:nowrap;font-family:'Bungee';font-size:38px;padding:14px 0;animation:scroll 44s linear infinite;align-items:center}
.marquee-track > span{margin-right:48px;display:inline-flex;align-items:center;gap:24px}
.marquee-track .rk{color:var(--mag);font-size:32px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.marquee-2{background:var(--mag);color:var(--cream)}
.marquee-2 .marquee-track{animation-direction:reverse;animation-duration:66s;font-size:28px;padding:8px 0}
.marquee-2 .rk{color:var(--yel)}

/* ─── SECTIONS ─── */
.section{position:relative;padding:80px 6vw}
.section h2{font-family:'Bungee';font-size:clamp(40px,7vw,96px);line-height:.95;margin:0 0 30px;color:var(--cream)}
.section h2 .accent{color:var(--yel)}
.section h2 .mag{color:var(--mag)}

/* ABOUT */
.about{background:var(--navy);}
.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.about-card{position:relative;background:var(--cream);border:5px solid var(--navy);padding:30px;
  box-shadow:12px 12px 0 var(--mag);transform:rotate(-1deg);color:var(--navy);
}
.about-card h3{font-family:'Bungee';font-size:36px;margin:0 0 16px;color:var(--mag)}
.about-card p{font-family:'Space Mono';font-size:18px;line-height:1.5;color:var(--navy);margin:0 0 14px}
.about-card .ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.about-card .ul li{font-family:'Anton';font-size:24px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}
.about-card .ul li::before{content:"✗ ";color:var(--mag)}
.about-card .ul li.do::before{content:"✓ ";color:#1c8a4a}
.larry-photo{position:relative;background:var(--ice);border:5px solid var(--navy);padding:18px 18px 60px;
  box-shadow:14px 14px 0 var(--yel);transform:rotate(3deg);overflow:hidden}
.larry-photo .imgwrap{position:relative;background:#d5dde2;border:3px solid var(--navy);overflow:hidden;aspect-ratio:1/1}
.larry-photo .imgwrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.larry-photo .caption{font-family:'Permanent Marker';font-size:24px;color:var(--navy);text-align:center;margin:26px 0 0;transform:rotate(-2deg)}
.larry-photo .tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:120px;height:26px;background:rgba(215,254,81,.7);border:1px dashed rgba(0,0,0,.25);}
.stamp{position:absolute;top:-22px;right:-22px;width:120px;height:120px;border-radius:50%;background:var(--yel);border:5px solid var(--navy);display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Bungee';font-size:14px;color:var(--navy);transform:rotate(14deg);box-shadow:4px 4px 0 var(--mag);line-height:1}

/* TOKENOMICS */
.tokeno{background:var(--mag);color:var(--cream);border-top:6px solid var(--navy);border-bottom:6px solid var(--navy)}
.tokeno h2{color:var(--cream)}
.tokeno h2 .accent{color:var(--yel)}
.tokeno-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tk-card{background:var(--cream);color:var(--navy);border:4px solid var(--navy);padding:24px 20px;
  box-shadow:8px 8px 0 var(--navy);position:relative;
}
.tk-card:nth-child(1){transform:rotate(-3deg)}
.tk-card:nth-child(2){transform:rotate(2deg);background:var(--yel)}
.tk-card:nth-child(3){transform:rotate(-2deg)}
.tk-card:nth-child(4){transform:rotate(3deg);background:var(--ice)}
.tk-card .lbl{font-family:'Anton';font-size:16px;text-transform:uppercase;letter-spacing:.16em;color:var(--mag)}
.tk-card .num{font-family:'Bungee';font-size:clamp(24px,2.7vw,44px);line-height:.95;margin-top:8px;color:var(--navy)}
.tk-card .sub{font-family:'Space Mono';font-size:13px;line-height:1.4;margin-top:8px;color:var(--navy)}
.tk-card .corner{position:absolute;top:-14px;right:-14px;width:48px;height:48px;background:var(--navy);color:var(--yel);font-family:'Bungee';display:flex;align-items:center;justify-content:center;border:3px solid var(--cream);transform:rotate(8deg)}

/* HOW TO BUY */
.how{background:var(--navy);}
.how h2 .accent{color:var(--ice)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.poly{background:var(--cream);color:var(--navy);padding:18px 18px 22px;border:3px solid var(--navy);box-shadow:8px 10px 0 rgba(0,0,0,.5);position:relative}
.poly:nth-child(odd){transform:rotate(-2.5deg)}
.poly:nth-child(even){transform:rotate(2deg)}
.poly .tape{position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);width:110px;height:22px;background:rgba(127,200,232,.75);border:1px dashed rgba(0,0,0,.25)}
.poly .num{position:absolute;top:-22px;left:-22px;width:54px;height:54px;border-radius:50%;background:var(--mag);color:var(--cream);font-family:'Bungee';font-size:26px;display:flex;align-items:center;justify-content:center;border:4px solid var(--navy);transform:rotate(-8deg);box-shadow:3px 3px 0 var(--yel)}
.poly .pic{aspect-ratio:1/1;background:#D7FE51;border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;color:var(--navy);position:relative;overflow:hidden}
.poly .pic .hbg{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1.5px,transparent 2px);background-size:8px 8px;opacity:.6;pointer-events:none;z-index:2}
.poly .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.poly h4{font-family:'Bungee';font-size:22px;margin:16px 0 6px;color:var(--navy)}
.poly p{font-family:'Space Mono';font-size:14px;margin:0;color:var(--navy);line-height:1.4}

/* EXCLUSIVE TO … badge */
.exclusive-wrap{display:flex;justify-content:center;margin:-8px 0 46px}
.exclusive{display:inline-flex;flex-direction:column;align-items:center;gap:12px;
  background:var(--cream);border:5px solid var(--navy);padding:16px 34px;
  box-shadow:8px 8px 0 var(--yel);transform:rotate(-2deg);transition:transform .1s ease}
.exclusive:hover{transform:rotate(-3deg) translate(-2px,-2px);box-shadow:10px 10px 0 var(--yel)}
.exclusive .lbl{font-family:'Bungee';font-size:16px;letter-spacing:.12em;color:var(--navy)}
.exclusive img{display:block;width:clamp(220px,26vw,300px);height:auto}

/* ROADMAP */
.road{background:var(--cream);color:var(--navy)}
.road h2{color:var(--navy)}
.road h2 .accent{color:var(--mag)}
.road-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:4px solid var(--navy);background:var(--cream);position:relative}
.road-cell{padding:30px 24px;border-right:4px solid var(--navy);position:relative}
.road-cell:last-child{border-right:0}
.road-cell:nth-child(1){background:var(--yel)}
.road-cell:nth-child(2){background:var(--ice)}
.road-cell:nth-child(3){background:var(--mag);color:var(--cream)}
.road-cell:nth-child(4){background:var(--navy);color:var(--cream)}
.road-cell .phase{font-family:'Anton';font-size:18px;letter-spacing:.18em;text-transform:uppercase}
.road-cell h4{font-family:'Bungee';font-size:34px;margin:6px 0 14px;line-height:.95}
.road-cell p{font-family:'Space Mono';font-size:14px;margin:0;line-height:1.45}
.road-cell .check{margin-top:18px;font-family:'Bungee';font-size:14px;display:inline-block;padding:4px 10px;border:2px solid currentColor}

/* FOOTER */
.footer{background:var(--navy-2);padding:60px 6vw 26px;position:relative;border-top:6px solid var(--mag)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start;min-width:0}
.footer .brand{font-size:30px;margin-bottom:14px}
.footer-tag{font-family:'VT323',monospace;font-size:20px;max-width:520px;line-height:1.35;margin:0}
.col-lbl{font-family:'Anton';letter-spacing:.2em;text-transform:uppercase;font-size:14px;margin-bottom:10px;opacity:.7}
.ca-box{background:var(--cream);color:var(--navy);border:4px solid var(--navy);padding:14px 16px;box-shadow:6px 6px 0 var(--yel);transform:rotate(-1deg);margin-top:18px}
.ca-box .lbl{font-family:'Anton';font-size:14px;letter-spacing:.2em;text-transform:uppercase}
.ca-row{display:flex;gap:8px;margin-top:6px;align-items:center}
.ca-row code{flex:1;font-family:'Space Mono';font-size:14px;background:var(--navy);color:var(--yel);padding:8px 10px;border:2px solid var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-row button{font-family:'Bungee';font-size:13px;padding:8px 12px;background:var(--mag);color:var(--cream);border:2px solid var(--navy);cursor:pointer;box-shadow:3px 3px 0 var(--navy)}
.ca-row button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}
.socials{display:flex;flex-direction:column;gap:10px}
.socials a{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--cream);color:var(--navy);font-family:'Bungee';font-size:16px;border:3px solid var(--navy);box-shadow:5px 5px 0 var(--mag);transform:rotate(-1deg)}
.socials a:nth-child(even){transform:rotate(1deg);box-shadow:5px 5px 0 var(--yel)}
.socials a:hover{transform:rotate(-3deg) translate(-2px,-2px)}
.socials a .glyph{width:28px;height:28px;background:var(--navy);color:var(--yel);display:flex;align-items:center;justify-content:center;font-family:'Bungee';font-size:14px;overflow:hidden;flex:0 0 auto}
.socials a .glyph img{width:100%;height:100%;object-fit:contain;padding:2px}
.socials a.bk-yel{background:var(--yel);box-shadow:5px 5px 0 var(--navy)}
.socials a.bk-ice{background:var(--ice);box-shadow:5px 5px 0 var(--navy)}
.socials a.bk-mag{background:var(--mag);color:var(--cream);box-shadow:5px 5px 0 var(--yel)}
.legal-row{display:flex;justify-content:space-between;font-family:'Space Mono';font-size:11px;opacity:.5;margin-top:12px;flex-wrap:wrap;gap:8px}


/* THE LEGEND */
.legend{background:var(--navy-2);overflow:hidden}
.legend-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:start}
.legend-card{position:relative;background:var(--cream);border:5px solid var(--navy);padding:30px;
  box-shadow:12px 12px 0 var(--yel);transform:rotate(-1deg);color:var(--navy)}
.legend-card h3{font-family:'Bungee';font-size:clamp(22px,2.6vw,34px);margin:0 0 16px;color:var(--mag);line-height:1.05;padding-right:96px}
.legend-card .lg-ch{font-family:'Space Mono';font-size:17px;line-height:1.5;color:var(--navy);margin:0 0 14px}
.legend-card .lg-ch b{background:var(--yel);padding:0 4px}
.lg-stamp{background:var(--yel)}
.lg-sign{font-family:'Permanent Marker',cursive;font-size:34px;color:var(--mag);transform:rotate(-2deg);margin-top:18px}
.lg-reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}
.lg-reveal.in{opacity:1;transform:none}
.legend-card.lg-reveal{transform:rotate(-1deg) translateY(22px)}
.legend-card.lg-reveal.in{transform:rotate(-1deg)}

.legend-console{position:relative;background:var(--navy);border:5px solid var(--cream);padding:26px 24px 22px;
  box-shadow:12px 12px 0 var(--mag);transform:rotate(1.5deg);display:flex;flex-direction:column;gap:16px}
.lg-lbl{font-family:'Anton';font-size:16px;letter-spacing:.24em;text-transform:uppercase;color:var(--ice)}
.lg-meter{position:relative;height:26px;border:3px solid var(--cream);background:rgba(255,255,255,.07);padding:3px}
.lg-fill{height:100%;width:0%;background:repeating-linear-gradient(-45deg,var(--yel) 0 10px,#b8e33e 10px 20px)}
.lg-ticks{position:absolute;inset:3px;background:repeating-linear-gradient(to right,transparent 0 calc(10% - 1px),rgba(10,17,48,.5) calc(10% - 1px) 10%);pointer-events:none}
.lg-btn{appearance:none;font-family:'Bungee';font-size:19px;padding:16px 18px;background:var(--mag);color:var(--cream);
  border:3px solid var(--cream);box-shadow:5px 5px 0 var(--yel);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;letter-spacing:.02em}
.lg-btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--yel)}
.lg-btn.sent{background:var(--yel);color:var(--navy)}
.lg-views{display:flex;align-items:baseline;gap:12px;border:3px solid var(--cream);padding:10px 14px;background:rgba(255,255,255,.05)}
.lg-views-lbl{font-family:'Anton';font-size:13px;letter-spacing:.22em;color:var(--ice)}
.lg-views-num{font-family:'Bungee';font-size:clamp(22px,2.2vw,30px);color:var(--yel);min-width:9ch}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px}
.lg-chips span{font-family:'Bungee';font-size:11px;padding:5px 9px;background:var(--cream);color:var(--navy);border:2px solid var(--navy);
  transform:rotate(-2deg) scale(0);transition:transform .3s cubic-bezier(.5,1.6,.4,1)}
.lg-chips span:nth-child(even){transform:rotate(2deg) scale(0)}
.lg-chips.pop span{transform:rotate(-2deg) scale(1)}
.lg-chips.pop span:nth-child(even){transform:rotate(2deg) scale(1)}
.lg-chips span{transition-delay:calc(var(--i,0)*.09s)}
.lg-hint{font-family:'Space Mono';font-size:12px;color:var(--cream);opacity:.5;letter-spacing:.05em}

.lg-burst{position:absolute;left:50%;top:42%;z-index:6;transform:translate(-50%,-50%) rotate(-8deg) scale(0);
  font-family:'Bungee';font-size:clamp(40px,6vw,84px);color:var(--navy);background:var(--yel);border:5px solid var(--navy);
  padding:14px 30px;box-shadow:10px 10px 0 var(--mag);pointer-events:none}
.legend.sent .lg-burst{animation:lg-burst-pop 1.6s cubic-bezier(.5,1.5,.4,1) forwards}
@keyframes lg-burst-pop{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(0)}18%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.12)}30%{transform:translate(-50%,-50%) rotate(-8deg) scale(1)}80%{transform:translate(-50%,-50%) rotate(-8deg) scale(1);opacity:1}100%{transform:translate(-50%,-50%) rotate(-14deg) scale(0);opacity:0}}
.lg-larry{position:absolute;z-index:5;left:0;top:64%;width:min(420px,42vw);pointer-events:none;
  transform:translateX(-130%) rotate(-6deg);filter:drop-shadow(0 14px 10px rgba(0,0,0,.45))}
.legend.sent .lg-larry{animation:lg-fly 1.9s cubic-bezier(.45,0,.6,.35) forwards}
@keyframes lg-fly{0%{transform:translateX(-130%) translateY(0) rotate(-6deg)}100%{transform:translateX(120vw) translateY(-46vh) rotate(-18deg)}}

/* "AS SEEN ON" badges row */
.seen{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;align-items:center}
.seen .badge{font-family:'Bungee';font-size:12px;padding:6px 10px;border:2px solid var(--cream);background:rgba(255,255,255,.06);transform:rotate(-2deg);letter-spacing:.04em}
.seen .badge:nth-child(even){transform:rotate(2deg)}
.seen .label{font-family:'Anton';font-size:14px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-right:8px}

/* ─── LOADING SCREEN ─── */
#loader{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ld-panel{position:absolute;inset:-2%;background:var(--navy-2);transition:transform .65s cubic-bezier(.7,0,.3,1)}
.ld-top{clip-path:polygon(0 0,100% 0,100% 44.4%,0 60.4%)}
.ld-bot{clip-path:polygon(0 60%,100% 44%,100% 100%,0 100%)}
.ld-stars{position:absolute;inset:0;pointer-events:none;transition:opacity .3s ease}
.ld-stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.85;animation:twinkle 2.4s infinite ease-in-out}
.ld-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 24px;width:min(420px,86vw);transition:opacity .3s ease}
.ld-coin{width:96px;height:96px;border-radius:50%;border:3px solid var(--navy);box-shadow:0 0 0 3px #ffeb14,7px 8px 0 rgba(229,24,74,.85);overflow:hidden;background:#ffeb14;animation:ld-wob 1.1s ease-in-out infinite}
.ld-coin img{width:100%;height:100%;object-fit:cover}
@keyframes ld-wob{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(7deg) scale(1.04)}}
.ld-txt{font-family:'Bungee';font-size:clamp(20px,5vw,28px);color:var(--cream);letter-spacing:.02em;text-shadow:3px 3px 0 var(--mag)}
.ld-dots span{opacity:0;animation:ld-dot 1.2s steps(1) infinite}
.ld-dots span:nth-child(2){animation-delay:.2s}
.ld-dots span:nth-child(3){animation-delay:.4s}
@keyframes ld-dot{0%{opacity:0}25%,100%{opacity:1}}
.ld-bar{width:100%;height:22px;border:3px solid var(--cream);background:rgba(255,255,255,.07);box-shadow:4px 4px 0 rgba(0,0,0,.45);padding:3px}
.ld-fill{position:relative;height:100%;width:0%;background:repeating-linear-gradient(-45deg,#ffeb14 0 10px,#ffd400 10px 20px)}
.ld-spark{position:absolute;right:-5px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:var(--mag);box-shadow:0 0 10px 3px rgba(255,235,20,.8);animation:ld-spark .35s steps(2) infinite}
@keyframes ld-spark{50%{transform:translateY(-50%) rotate(45deg) scale(1.5)}}
.ld-pct{font-family:'Space Mono';font-size:14px;letter-spacing:.14em;color:var(--cream);opacity:.75}
.ld-larry{position:absolute;z-index:3;left:0;top:58%;width:min(480px,60vw);transform:translateX(-115%) rotate(-8deg);pointer-events:none;
  filter:drop-shadow(0 14px 10px rgba(0,0,0,.45));
}
/* exit choreography: larry rockets across, then the screen rips apart */
#loader.is-done .ld-inner,#loader.is-done .ld-stars{opacity:0}
#loader.is-done .ld-larry{transition:transform .8s cubic-bezier(.55,0,.6,.4);transform:translate(140vw,-46vh) rotate(-16deg)}
#loader.is-done .ld-top{transform:translate(-7%,-102%)}
#loader.is-done .ld-bot{transform:translate(7%,102%)}
#loader.is-done .ld-panel{transition-delay:.42s}
/* reduced motion: plain fade */
#loader.ld-reduced,#loader.ld-reduced *{animation:none !important;transition:none !important}
#loader.ld-reduced{transition:opacity .4s ease !important}
#loader.ld-reduced.is-done{opacity:0}
#loader.ld-reduced .ld-larry{display:none}

/* responsive — tablet */
@media (max-width: 900px){
  .nav-links{display:none}
  .nav-cta{display:none}
  .hero-overlay{padding:0 5vw 4vh}
  .h1{font-size:18vw}
  .about-grid{grid-template-columns:1fr}
  .legend-grid{grid-template-columns:1fr}
  .tokeno-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-card .num{font-size:clamp(24px,5vw,44px)}
  .how-grid{grid-template-columns:repeat(2,1fr);gap:40px}
  .road-grid{grid-template-columns:1fr;}
  .road-cell{border-right:0;border-bottom:4px solid var(--navy)}
  .road-cell:last-child{border-bottom:0}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
}

/* responsive — mobile */
@media (max-width: 640px){
  html,body{font-size:18px}
  .nav{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:var(--navy-2);backdrop-filter:none;box-shadow:0 3px 10px rgba(0,0,0,.45)}
  .brand{font-size:18px}
  .brand .dot{width:30px;height:30px}

  /* hero text tighter; kicker sits clearly below navbar */
  .hero{min-height:0;height:auto;padding-bottom:80px}
  .hero-overlay{position:relative;padding:84px 18px 28px;gap:8px}
  .h1{font-size:56px;line-height:.85;text-shadow:4px 4px 0 var(--mag), 8px 8px 0 var(--navy-2);margin:24px 0 24px}
  .h1 .send{display:block;margin-bottom:0}
  .h1 .larrytxt{display:block}
  .h1 br{display:none}
  .kicker{font-size:10px;padding:5px 10px;align-self:flex-start}
  .cta-row{flex-direction:column;align-items:stretch;gap:10px}
  .cta-row .mono{display:none}
  .btn{font-size:16px;padding:12px 16px;justify-content:center;width:100%;transform:none}
  .btn-buy{box-shadow:5px 5px 0 var(--yel)}
  .btn-chart{transform:none}
  .seen{gap:8px;margin-top:24px;flex-wrap:wrap}
  .seen .badge{font-size:10px;padding:5px 8px}
  .seen .label{font-size:11px;width:100%;margin-right:0;margin-bottom:2px}

  /* Larry sprite — vertical arc for narrow viewport */
  .larry{width:78vw;min-width:0;max-width:none}
  .burst{left:78%;top:14%;width:48vw}
  .burst-text .l1{font-size:11px}
  .burst-text .l2{font-size:22px}
  .burst-text .l3{font-size:9px}

  .marquee-track{font-size:24px}
  .marquee-track > span{margin-right:32px}
  .marquee-2 .marquee-track{font-size:16px}

  .section{padding:48px 18px}
  .section h2{font-size:42px;margin-bottom:22px}

  .about-card{padding:22px 18px;box-shadow:8px 8px 0 var(--mag)}
  .about-card h3{font-size:22px}
  .about-card p{font-size:13px}
  .about-card .ul li{font-size:17px}
  .stamp{width:84px;height:84px;font-size:10px;top:-16px;right:-16px;padding:6px;line-height:1.05}
  .larry-photo{padding:12px 12px 40px;box-shadow:10px 10px 0 var(--yel)}
  .larry-photo .caption{font-size:16px}

  .legend-card{padding:22px 18px;box-shadow:8px 8px 0 var(--yel)}
  .legend-card h3{padding-right:70px}
  .legend-card .lg-ch{font-size:13px}
  .lg-sign{font-size:24px}
  .legend-console{padding:20px 16px 18px}
  .lg-btn{font-size:16px}
  .lg-larry{width:70vw;top:70%}

  .tokeno-grid{grid-template-columns:1fr;gap:22px}
  .tk-card{padding:18px 16px;box-shadow:5px 5px 0 var(--navy)}
  .tk-card .lbl{font-size:12px}
  .tk-card .num{font-size:clamp(28px,9.5vw,40px)}
  .tk-card .sub{font-size:11px}
  .tk-card .corner{width:34px;height:34px;font-size:13px;top:-10px;right:-10px}

  .how-grid{grid-template-columns:1fr;gap:34px}
  .poly{padding:14px 14px 18px;box-shadow:6px 7px 0 rgba(0,0,0,.5)}
  .poly .num{width:42px;height:42px;font-size:20px;top:-14px;left:-8px}
  .poly h4{font-size:18px}
  .poly p{font-size:12px}
  .exclusive-wrap{margin:0 0 34px}
  .exclusive{padding:14px 22px;gap:9px}
  .exclusive .lbl{font-size:13px}
  .exclusive img{width:min(240px,68vw)}

  .road-cell{padding:20px 18px}
  .road-cell h4{font-size:26px}
  .road-cell p{font-size:12px}
  .road-cell .check{font-size:11px}

  .footer{padding:40px 18px 30px}
  .footer-grid{gap:28px}
  .footer .brand{font-size:24px}
  .footer .brand .dot{width:38px;height:38px}
  .footer-tag{font-size:17px}
  .ca-row{flex-wrap:wrap}
  .ca-row code{font-size:11px;width:100%}
  .ca-row button{font-size:12px}
  .socials a{font-size:14px}

  /* sticky CTA visible only on mobile, and leave room at bottom for it */
  .sticky-cta{display:block}
  body{padding-bottom:74px}
}

/* ─── REDUCED MOTION ─── */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .larry{animation:none;opacity:1;transform:translate(24vw,12vh) rotate(-11deg)}
  .burst{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}
  .stars i{animation:none;opacity:.6}
  .marquee-track{animation:none}
  .kicker .blink{animation:none}
  .lg-reveal{opacity:1;transform:none;transition:none}
  .legend.sent .lg-larry,.legend.sent .lg-burst{animation:none}
  .lg-chips span{transition:none}
}
