:root {--gold:#dba442;--gold-strong:#ffd075;--gold-dim:#c99036a6;--text:#efece2;--muted:#c6c4ba;--panel:#070c0beb;--panel-strong:#090e0deb;}
body {background:#030706 url('faterix-jungle-landing.webp') center center / cover fixed no-repeat;}
body::before {background:linear-gradient(90deg,#00000005,#00000022 35%,#00000022 65%,#00000005);opacity:1;}
.page {position:relative;justify-content:flex-start;}
main {width:min(100%,790px);padding:20px 20px 0;gap:14px;}
.hero-shell,.video-showcase,.info-card {border:1px solid #d39a37;border-radius:14px;background:linear-gradient(120deg,#070c0bd9,#030807ed),url('amber-pattern.svg') center / 550px;box-shadow:inset 0 1px 4px #ffd57d33,0 8px 28px #0007;}
.hero-shell {padding:16px 20px 20px;}
.hero-shell::before,.hero-shell::after {display:none;}
.logo-stage {width:min(100%,520px);padding:0;margin:0 auto;background:none;border-radius:0;box-shadow:none;overflow:visible;}
.logo-stage::before,.logo-stage::after {display:none;}
.hero-logo {display:block;position:relative;width:100%;height:auto;max-height:none;filter:none;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.subheader {max-width:520px;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.3;margin:8px auto 23px;color:#f2e9d6;text-shadow:0 1px 4px #000;}
.language-row {display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1fr) 60px;gap:12px;max-width:660px;margin:0 auto;align-items:center;}
.language-badge {width:52px;height:39px;border:1px solid #9f7c43;border-radius:9px;box-shadow:inset 0 0 0 4px #080e0e,0 3px 9px #0005;}
.language-badge-left {grid-column:1;justify-self:start;margin:0;}
.language-badge-right {grid-column:4;justify-self:end;margin:0;}
.cta {width:100%;min-height:48px;padding:11px 15px;border-radius:10px;border:1px solid #c79338;background:linear-gradient(#171d1c,#040a0a);box-shadow:inset 0 1px #fff1,0 4px 12px #0005;color:#f5e4c8;font-size:15px;transform:none;}
.cta-primary {background:linear-gradient(#8a5b19,#2c200d 60%,#1c170b);border-color:#ffd075;color:#fff3d2;box-shadow:inset 0 0 12px #f7b63733,0 0 10px #ffc34b33;}
.cta-primary .cta-label::before {content:'▣';font-family:system-ui,sans-serif;color:#ffc661;margin-right:10px;}
.cta:hover {transform:translateY(-1px);border-color:#ffdc83;box-shadow:0 0 15px #ffbc3c44;}
.cta:focus-visible {outline:2px solid #ffe2a0;outline-offset:4px;}
.discord-icon {width:20px;height:17px;fill:#e0e4e9;}
.video-showcase {padding:19px 20px;}
.video-showcase-inner {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:center;}
.video-copy {text-align:left;min-width:0;}
.video-kicker {font-size:10px;font-weight:700;letter-spacing:.09em;padding:4px 9px;border:1px solid #896426;border-radius:15px;color:#ffca67;background:#100e06;}
.video-title {font-size:29px;line-height:1.05;color:#f9f2e6;margin:13px 0 12px;letter-spacing:0;}
.video-copy p {font-size:12px;line-height:1.6;color:#c5c9c5;margin:0;}
.video-frame-shell {padding:0;border:1px solid #d0a043;border-radius:12px;box-shadow:0 0 13px #0008;background:#030706;}
.video-frame-shell::before {display:none;}
.video-embed {border-radius:11px;}
.info-card {padding:12px 18px;}
.info-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;}
.info-item {position:relative;min-height:50px;text-align:left;padding:8px 10px 7px 70px;border:1px solid #8c6b37;border-radius:7px;background:linear-gradient(90deg,#111713e6,#070c0bd9),url('heatmap-legend-backdrop.webp') right center / cover;color:#d3d3c7;font-size:11px;line-height:1.35;transition:border-color .2s,box-shadow .2s;}
.info-item:nth-child(even) {background-image:linear-gradient(90deg,#111713e6,#070c0bca),url('heatmap-population-backdrop.webp');}
.info-item:last-child {grid-column:1/-1;}
.info-item strong {font-size:12px;letter-spacing:.045em;color:#ffca62;margin:0 0 2px;}
.info-item::before {position:absolute;left:23px;top:calc(50% - 13.5px);content:'';width:27px;height:27px;background:#ffc563;mask:var(--feature-icon) center / contain no-repeat;}
.info-item:nth-child(1) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.5'%3E%3Cellipse cx='16' cy='6' rx='11' ry='4'/%3E%3Cpath d='M5 6v6c0 5 22 5 22 0V6M5 14v6c0 5 22 5 22 0v-6M5 22v4c0 5 22 5 22 0v-4'/%3E%3C/g%3E%3C/svg%3E");}
.info-item:nth-child(2) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M2 3h5l5 18h14l4-13H9M12 25h15' fill='none' stroke='black' stroke-width='2.5'/%3E%3Ccircle cx='14' cy='29' r='2'/%3E%3Ccircle cx='25' cy='29' r='2'/%3E%3C/svg%3E");}
.info-item:nth-child(3) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M2 29h29' stroke='black' stroke-width='3'/%3E%3Cpath d='M5 14h4v12H5zm8-10h4v22h-4zm8 6h4v16h-4z'/%3E%3C/svg%3E");}
.info-item:nth-child(4) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='5' width='28' height='22' rx='3'/%3E%3Ccircle cx='10' cy='12' r='4' fill='white'/%3E%3Cpath d='M5 23q0-10 10 0M19 11h8m-8 6h8m-8 6h8' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");}
.info-item:nth-child(5) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2C9 2 4 16 4 22c0 11 24 11 24 0 0-6-5-20-12-20Z' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M13 8c-7 9-6 15 0 17' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");}
.info-item:nth-child(6) {--feature-icon:var(--coin-feature);--coin-feature:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.5'%3E%3Cellipse cx='12' cy='20' rx='10' ry='4'/%3E%3Cpath d='M2 20v6c0 5 20 5 20 0v-6'/%3E%3Cellipse cx='23' cy='6' rx='7' ry='3'/%3E%3Cpath d='M16 6v6c0 4 14 4 14 0V6M25 18h5v6'/%3E%3C/g%3E%3C/svg%3E");}
.info-item:nth-child(7) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M17 2C-1 2-3 28 12 30c9 1 0-9 6-9C37 24 35 2 17 2Z'/%3E%3Cg fill='white'%3E%3Ccircle cx='9' cy='11' r='3'/%3E%3Ccircle cx='18' cy='7' r='3'/%3E%3Ccircle cx='25' cy='13' r='3'/%3E%3Ccircle cx='6' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");}
.info-item:nth-child(8) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m2 6 9-3 10 4 9-4v23l-9 3-10-4-9 4V6Zm9-3v22M21 7v22' fill='none' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E");}
.info-item:nth-child(9) {--feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8 2h16v10c0 12-16 12-16 0V2Zm6 20h4v6h7v3H7v-3h7Z'/%3E%3Cpath d='M8 5H2v6q0 7 9 7m13-13h6v6q0 7-9 7' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E");}
.info-item:hover {border-color:#eab24f;box-shadow:inset 0 0 13px #eab24f12;}
footer {padding:14px 15px 12px;border:0;background:none;color:#938976;font-size:10px;}
@media(min-width:1600px) {main {width:790px;}}
@media(max-width:700px) {main {padding:16px 12px 0;gap:12px;}.hero-shell {padding:20px 14px;}.subheader {font-size:13px;max-width:450px;margin-bottom:18px;}.language-row {grid-template-columns:42px minmax(0,1fr) minmax(0,1fr) 42px;gap:7px;}.language-badge {width:39px;height:32px;}.language-badge-left {grid-column:1;}.language-badge-right {grid-column:4;}.cta {width:100%;font-size:13px;min-height:42px;padding:9px 7px;}.video-showcase-inner {grid-template-columns:minmax(0,1fr);gap:16px;}.video-title {font-size:27px;}.video-copy {text-align:left;}.info-card {padding:11px;}.info-item {padding-left:48px;font-size:10px;}.info-item::before {left:13px;width:24px;}.info-item strong {font-size:11px;}}
@media(max-width:430px) {.info-grid {grid-template-columns:minmax(0,1fr);}.language-row {grid-template-columns:1fr 1fr;}.language-badge-left {grid-column:1;grid-row:2;justify-self:center;}.language-badge-right {grid-column:2;grid-row:2;justify-self:center;}.cta-primary {grid-column:1;grid-row:1;}.cta-discord {grid-column:2;grid-row:1;}.hero-shell {padding:15px 12px;}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {transition:none!important;transform:none!important;}body {background-attachment:scroll;}}
