:root{--ink:#0A0A0A;--green:#39FF14;--orange:#FF8A1F;--bone:#F3EEDF;--lilac:#B684F5;
--display:"Anton",Impact,sans-serif;--body:"Barlow",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
body{background:var(--ink);color:var(--ink);font-family:var(--body);font-synthesis:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.bar{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px)}
.bar-name{font-family:var(--display);letter-spacing:.16em;font-size:1.15rem}
#langBtn{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:1.05rem;background:var(--ink);color:var(--green);border:0;padding:8px 18px;border-radius:999px;cursor:pointer}
#langBtn:hover{background:var(--bone);color:var(--ink)}

.s-green{background:var(--green);padding:clamp(84px,10vw,130px) clamp(16px,4vw,48px) clamp(40px,6vw,70px)}
.s-green-in{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;max-width:1300px;margin:0 auto}
h1{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(4rem,13.5vw,12rem);line-height:.84;letter-spacing:-.005em}
.logo-card{background:var(--ink);border-radius:28px;padding:clamp(18px,3vw,40px);transform:rotate(3deg);box-shadow:10px 10px 0 var(--ink)}
.logo-card img{display:block;width:100%;height:auto}
.cta{display:flex;flex-wrap:wrap;gap:16px;max-width:1300px;margin:clamp(28px,4vw,50px) auto 0}
.pill{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.3rem,2.4vw,1.9rem);padding:16px 36px;border-radius:999px;transition:transform .12s}
.pill:hover{transform:scale(1.05) rotate(-1.5deg)}
.pill-black{background:var(--ink);color:var(--green)}
.pill-line{border:4px solid var(--ink);color:var(--ink)}
.pill-line:hover{background:var(--ink);color:var(--green)}
.pill[aria-disabled=true]{opacity:.4;pointer-events:none}

.s-black{background:var(--ink);overflow:hidden;border-block:0}
.track{display:flex;gap:50px;width:max-content;padding:22px 0;animation:tick 40s linear infinite;font-family:var(--display);text-transform:uppercase;font-size:clamp(2.6rem,7vw,6rem);white-space:nowrap;color:var(--green)}
.track span:nth-child(even){color:var(--orange)}
@keyframes tick{to{transform:translateX(-50%)}}

.s-bone{background:var(--bone);padding:clamp(40px,7vw,90px) clamp(16px,4vw,48px)}
h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(2.6rem,7vw,6rem);line-height:.9;margin-bottom:clamp(18px,3vw,36px);max-width:1300px;margin-inline:auto}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,20px);max-width:1300px;margin:0 auto}
.tile{aspect-ratio:1.15/1;border-radius:24px;padding:clamp(14px,2vw,26px);display:flex;flex-direction:column;justify-content:space-between;font-family:var(--display);text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,3rem);line-height:.95;transition:transform .15s}
.tile::after{content:"↗";align-self:flex-end;font-size:1.2em}
.tile:hover{transform:translateY(-8px) rotate(-1.5deg)}
.tile:nth-child(4n+1){background:var(--ink);color:var(--green)}
.tile:nth-child(4n+2){background:var(--orange)}
.tile:nth-child(4n+3){background:var(--green)}
.tile:nth-child(4n+4){background:var(--lilac)}
.tile[aria-disabled=true]{opacity:.35;pointer-events:none}

.s-orange{background:var(--orange);padding:clamp(40px,7vw,90px) clamp(16px,4vw,48px)}
.s-orange p{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.8rem,4.6vw,4.2rem);line-height:1;max-width:1300px;margin:0 auto}

footer{background:var(--ink);color:var(--bone);padding:clamp(30px,5vw,60px) clamp(16px,4vw,48px) 30px;overflow:hidden}
.foot-word{font-family:var(--display);font-size:clamp(4rem,19vw,17rem);line-height:.88;text-transform:uppercase;white-space:nowrap;color:var(--green)}
.foot-small{margin-top:14px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#8b8d92}
@media(max-width:820px){
 .s-green-in{grid-template-columns:1fr}
 .logo-card{transform:rotate(-2deg)}
 .tiles{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.track{animation:none}}