/*
Theme Name: LivRex Agency
Theme URI: https://livrex.agency
Description: Official LivRex Agency Theme - TikTok LIVE Creator Network
Version: 2.1
Author: LivRex Agency Ltd
*/

:root{
  --ink:#0F0F12;
  --ink-soft:#1B1B20;
  --paper:#F7F4EE;
  --paper-dim:#ECE7DC;
  --red:#FF3D57;
  --gold:#E8C468;
  --purple:#7B2FFF;
  --royal:#C8A84B;
  --steel:#3A3D45;
  --line:rgba(247,244,238,0.12);
  --accent:var(--gold);
  --display:"Fraunces",serif;
  --body:"Inter",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

/* ============ NAV ============ */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(15,15,18,0.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1180px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:0.5px;}
.brand .rex{color:var(--gold);}
.crown-mark{width:26px;height:18px;}
.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500;}
.nav-links a{opacity:0.75;transition:opacity .2s;}
.nav-links a:hover{opacity:1;color:var(--gold);}
.nav-cta{font-size:13px;font-weight:600;padding:10px 22px;border:1px solid var(--gold);border-radius:100px;letter-spacing:1px;text-transform:uppercase;transition:background .25s,color .25s;color:var(--gold);}
.nav-cta:hover{background:var(--gold);color:var(--ink);}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid rgba(247,244,238,0.2);border-radius:8px;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:100%;height:2px;background:var(--paper);border-radius:2px;transition:transform .3s,opacity .3s;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ============ HERO ============ */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:90px;background:radial-gradient(ellipse 900px 600px at 78% 18%,rgba(232,196,104,0.12),transparent 60%),radial-gradient(ellipse 700px 500px at 10% 90%,rgba(123,47,255,0.08),transparent 60%),var(--ink);}
.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:60px;align-items:center;width:100%;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:28px;}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);position:relative;flex-shrink:0;}
.live-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--red);animation:pulse 2.2s ease-out infinite;}
@keyframes pulse{0%{transform:scale(0.6);opacity:0.9;}100%{transform:scale(2.4);opacity:0;}}
.hero h1{font-family:var(--display);font-size:clamp(44px,6.4vw,84px);font-weight:600;line-height:1.04;letter-spacing:-1.5px;margin-bottom:28px;}
.hero h1 em{font-style:italic;font-weight:900;color:var(--gold);}
.hero p.lede{font-size:18px;color:rgba(247,244,238,0.7);max-width:480px;margin-bottom:40px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:100px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:1px solid transparent;}
.btn-primary{background:var(--gold);color:var(--ink);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(232,196,104,0.5);}
.btn-ghost{border-color:rgba(247,244,238,0.25);color:var(--paper);}
.btn-ghost:hover{border-color:var(--paper);transform:translateY(-2px);}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
.emblem-ring{position:relative;width:min(420px,100%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,196,104,0.25);display:flex;align-items:center;justify-content:center;}
.emblem-ring::before{content:"";position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(232,196,104,0.18);}
.emblem-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--gold);opacity:0;animation:ringpulse 3s ease-out infinite;}
@keyframes ringpulse{0%{transform:scale(0.92);opacity:0.7;}100%{transform:scale(1.18);opacity:0;}}
.crown-big{width:56%;border-radius:50%;}
.crown-big-svg{width:46%;}
.stat-chip{position:absolute;background:var(--ink-soft);border:1px solid var(--line);border-radius:14px;padding:14px 20px;font-size:13px;}
.stat-chip .num{font-family:var(--display);font-size:24px;font-weight:700;color:var(--gold);display:block;line-height:1;margin-bottom:4px;}
.chip-1{top:6%;left:-6%;}
.chip-2{bottom:8%;right:-8%;}

/* ============ SECTIONS ============ */
section{padding:110px 0;position:relative;}
.section-head{max-width:640px;margin-bottom:64px;}
.tag{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block;}
.section-head h2{font-family:var(--display);font-size:clamp(32px,4.2vw,52px);font-weight:600;line-height:1.15;letter-spacing:-1px;}
.section-head p{margin-top:20px;font-size:17px;color:rgba(247,244,238,0.65);}

/* ============ HOW IT WORKS ============ */
.how{background:var(--ink-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.flow-step{padding:40px 32px;border-right:1px solid var(--line);}
.flow-step:last-child{border-right:none;}
.flow-step .mark{font-family:var(--display);font-size:15px;color:var(--gold);font-weight:700;margin-bottom:24px;display:block;}
.flow-step h3{font-size:18px;font-weight:600;margin-bottom:10px;font-family:var(--display);}
.flow-step p{font-size:14px;color:rgba(247,244,238,0.6);}
.flow-step.highlight{background:linear-gradient(180deg,rgba(232,196,104,0.1),transparent);}
.flow-step.highlight .mark{color:var(--gold);}

/* ============ PANELS ============ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.panel{border:1px solid var(--line);border-radius:20px;padding:48px;position:relative;overflow:hidden;}
.panel-creators{background:linear-gradient(160deg,rgba(232,196,104,0.10),rgba(15,15,18,0));}
.panel-brands{background:linear-gradient(160deg,rgba(123,47,255,0.08),rgba(15,15,18,0));}
.panel .kicker{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;display:block;}
.panel-creators .kicker{color:var(--gold);}
.panel-brands .kicker{color:var(--purple);}
.panel h3{font-family:var(--display);font-size:30px;font-weight:600;margin-bottom:18px;letter-spacing:-0.5px;}
.panel p{color:rgba(247,244,238,0.65);margin-bottom:28px;font-size:15px;}
.panel ul{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:34px;}
.panel ul li{font-size:14px;color:rgba(247,244,238,0.85);padding-left:20px;position:relative;}
.panel ul li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;}
.panel-brands ul li::before{color:var(--purple);}
.panel-link{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:4px;}
.panel-creators .panel-link{color:var(--gold);}
.panel-brands .panel-link{color:var(--purple);}

/* ============ NUMBERS ============ */
.numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-soft);}
.numbers .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
.num-item{padding:56px 32px;border-right:1px solid var(--line);}
.num-item:last-child{border-right:none;}
.num-item .big{font-family:var(--display);font-size:46px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:10px;display:block;}
.num-item .label{font-size:13px;color:rgba(247,244,238,0.6);}

/* ============ CONTACT ============ */
.contact{background:radial-gradient(ellipse 800px 500px at 50% 0%,rgba(232,196,104,0.10),transparent 65%),var(--ink);text-align:center;}
.contact .wrap{max-width:760px;}
.contact h2{font-family:var(--display);font-size:clamp(34px,5vw,58px);font-weight:600;letter-spacing:-1px;margin-bottom:22px;}
.contact h2 em{color:var(--gold);font-style:italic;font-weight:900;}
.contact>div>p{color:rgba(247,244,238,0.65);font-size:17px;margin-bottom:44px;max-width:520px;margin-left:auto;margin-right:auto;}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin-bottom:20px;}
.contact-form .full{grid-column:1/-1;}
.field label{display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(247,244,238,0.5);margin-bottom:8px;}
.field input,.field select,.field textarea{width:100%;background:var(--ink-soft);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--paper);font-family:var(--body);font-size:16px;transition:border-color .2s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);}
.field textarea{resize:vertical;min-height:110px;}
.field select{appearance:none;}
.contact .btn-primary{width:100%;justify-content:center;}
.form-success{color:var(--gold);font-size:18px;text-align:center;padding:40px;font-family:var(--display);}
.form-note{font-size:12px;color:rgba(247,244,238,0.4);margin-top:18px;}


footer{border-top:1px solid var(--line);padding:48px 0;}
.foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.foot-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:18px;}
.foot-brand .rex{color:var(--gold);}
.foot-links{display:flex;gap:28px;font-size:13px;color:rgba(247,244,238,0.55);}
.foot-links a:hover{color:var(--gold);}
.foot-meta{font-size:12px;color:rgba(247,244,238,0.35);margin-top:24px;}

/* ============ MOBILE ============ */
@media(max-width:880px){
  .nav-toggle{display:flex;}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(15,15,18,0.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;padding:12px 0 20px;z-index:200;}
  .nav-links.open{display:flex;}
  .nav-links a{display:block;padding:14px 32px;font-size:15px;border-bottom:1px solid var(--line);opacity:1;width:100%;}
  .nav-links a:last-child{border-bottom:none;}
  .lr-translate-wrap{padding:12px 32px;border-top:1px solid var(--line);width:100%;}
  .nav-cta{display:none;}
  .hero-grid{grid-template-columns:1fr;gap:48px;}
  .hero-visual{order:-1;max-width:280px;margin:0 auto;}
  .hero h1{font-size:clamp(36px,9vw,52px);}
  .hero p.lede{font-size:16px;}
  .hero-actions{flex-direction:column;gap:12px;}
  .btn{justify-content:center;padding:14px 28px;}
  .stat-chip{display:none;}
  section{padding:64px 0;}
  .wrap{padding:0 20px;}
  .section-head{margin-bottom:40px;}
  .section-head h2{font-size:clamp(26px,6vw,38px);}
  .flow{grid-template-columns:1fr;}
  .flow-step{border-right:none;border-bottom:1px solid var(--line);padding:28px 24px;}
  .flow-step:last-child{border-bottom:none;}
  .split{grid-template-columns:1fr;gap:20px;}
  .panel{padding:32px 24px;}
  .numbers .wrap{grid-template-columns:1fr 1fr;}
  .num-item{padding:36px 20px;border-bottom:1px solid var(--line);}
  .num-item:nth-child(2n){border-right:none;}
  .num-item:nth-child(3),.num-item:nth-child(4){border-bottom:none;}
  .contact-form{grid-template-columns:1fr;}
  .contact h2{font-size:clamp(28px,7vw,42px);}
  .foot-row{flex-direction:column;align-items:flex-start;gap:16px;}
  .foot-links{flex-wrap:wrap;gap:16px;}
}
@media(max-width:480px){
  .nav{padding:14px 16px;}
  .brand{font-size:19px;}
  .hero{padding-top:80px;}
  .hero h1{font-size:clamp(32px,10vw,44px);letter-spacing:-1px;}
  .hero p.lede{font-size:15px;}
  .hero-visual{max-width:220px;}
  section{padding:52px 0;}
  .wrap{padding:0 16px;}
  .numbers .wrap{grid-template-columns:1fr;}
  .num-item{border-right:none!important;}
  .num-item:nth-child(3){border-bottom:1px solid var(--line);}
}
@media(hover:none) and (pointer:coarse){
  .btn{min-height:48px;}
  .field input,.field select,.field textarea{font-size:16px;}
  .nav-links a{min-height:48px;display:flex;align-items:center;}
}
@media(prefers-reduced-motion:reduce){
  .live-dot::after,.emblem-ring::after{animation:none;}
}

/* ============ LOGO STYLES ============ */
.nav-logo{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}
.hero-logo{
  width:88%;
  height:88%;
  border-radius:50%;
  object-fit:cover;
  position:relative;
  z-index:1;
}
/* Remove old crown styles */
.crown-big, .crown-big-svg{ display:none; }
@media(max-width:880px){
  .nav-logo{ width:34px; height:34px; }
  .hero-logo{ width:92%; height:92%; }
}

/* ============ PANEL COLOUR OVERRIDE ============ */
/* Creators panel - Gold */
.panel-creators { background: linear-gradient(160deg, rgba(232,196,104,0.08), rgba(15,15,18,0)); border-color: rgba(232,196,104,0.2); }
.panel-creators .kicker { color: #E8C468; }
.panel-creators ul li::before { color: #E8C468; }
.panel-creators .panel-link { color: #E8C468; border-color: #E8C468; }

/* Brands panel - White/Silver */
.panel-brands { background: linear-gradient(160deg, rgba(220,220,230,0.05), rgba(15,15,18,0)); border-color: rgba(200,200,210,0.2); }
.panel-brands .kicker { color: #C8C8D4; }
.panel-brands ul li::before { color: #C8C8D4; }
.panel-brands .panel-link { color: #C8C8D4; border-color: #C8C8D4; }
.panel-brands h3 { color: #F7F4EE; }
.panel-brands p { color: rgba(247,244,238,0.65); }
.panel-brands ul li { color: rgba(247,244,238,0.85); }

/* ============ PANEL COLOUR — OPTION D ============ */
.panel-creators { background:linear-gradient(160deg,rgba(232,196,104,0.12),rgba(15,15,18,0))!important; border-color:rgba(232,196,104,0.25)!important; }
.panel-creators .kicker { color:#E8C468!important; }
.panel-creators ul li::before { color:#E8C468!important; }
.panel-creators .panel-link { color:#E8C468!important; border-color:#E8C468!important; }

.panel-brands { background:linear-gradient(160deg,rgba(255,61,87,0.08),rgba(15,15,18,0))!important; border-color:rgba(255,61,87,0.2)!important; }
.panel-brands .kicker { color:#FF3D57!important; }
.panel-brands ul li::before { color:#FF3D57!important; }
.panel-brands .panel-link { color:#FF3D57!important; border-color:#FF3D57!important; }

/* ============ NAV LOGO FIX ============ */
.brand { gap:8px; letter-spacing:0; }
.nav-logo { width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; }
/* Remove space between Liv and Rex */
.brand .rex { margin-left:-2px; }
/* Translate widget cleanup */
#google_translate_element .goog-te-gadget { font-size:0!important; }
.goog-te-combo { font-size:12px!important; }

/* ============ HERO LOGO FIX ============ */
.emblem-ring { position:relative; }
.hero-logo {
  width:90%!important;
  height:90%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center top!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  display:block!important;
}

/* ============ LOGO FINAL FIX ============ */
.nav-logo { width:42px!important; height:42px!important; border-radius:50%!important; object-fit:cover!important; flex-shrink:0!important; }
.hero-logo { width:88%!important; height:88%!important; border-radius:50%!important; object-fit:cover!important; object-position:center 20%!important; position:absolute!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%)!important; z-index:2!important; display:block!important; }
.crown-big, .crown-big-svg { display:none!important; }

/* ============ FINAL FIXES ============ */

/* Fix 1: Logo fills circle fully */
.hero-logo {
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center 15%!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  display:block!important;
}
.emblem-ring::before, .emblem-ring::after { z-index:3!important; pointer-events:none; }
.stat-chip { z-index:4!important; }

/* Fix 2: LivRex one word */
.brand-text { letter-spacing:-0.5px; font-family:var(--display); font-weight:700; font-size:22px; }
.brand-text .rex { color:#E8C468; }
.brand { gap:8px; }

/* Fix 3: Clean translate widget - show only as styled dropdown, no Google branding */
.lr-translate-wrap { display:flex; align-items:center; }
#google_translate_element { display:flex; align-items:center; }
.goog-te-gadget { font-size:0!important; }
.goog-te-combo {
  background:transparent!important;
  border:1px solid rgba(232,196,104,0.4)!important;
  border-radius:100px!important;
  color:#E8C468!important;
  font-size:11px!important;
  font-weight:600!important;
  padding:5px 20px 5px 10px!important;
  cursor:pointer!important;
  outline:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  letter-spacing:0.5px!important;
  transition:border-color .2s,background .2s!important;
  min-width:90px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23E8C468' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
}
.goog-te-combo:hover { border-color:#E8C468!important; background-color:rgba(232,196,104,0.08)!important; }
.goog-te-combo option { background:#1A1A2E; color:#F7F4EE; }
.goog-logo-link, .goog-te-gadget span, .goog-te-gadget img { display:none!important; }
.goog-te-banner-frame, .goog-te-balloon-frame { display:none!important; }
body { top:0!important; }

/* ============ STAT CHIPS — MOVE OUT ============ */
.chip-1 { top:-6%!important; left:-18%!important; }
.chip-2 { bottom:-4%!important; right:-18%!important; }

/* ============ TRANSLATE BUTTON ============ */
.lr-translate-btn {
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:none;
  border:1px solid rgba(232,196,104,0.35);
  border-radius:100px;
  color:rgba(247,244,238,0.75);
  font-family:Inter,sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.5px;
  padding:6px 14px;
  cursor:pointer;
  transition:border-color .2s, color .2s, background .2s;
  white-space:nowrap;
}
.lr-translate-btn:hover {
  border-color:#E8C468;
  color:#E8C468;
  background:rgba(232,196,104,0.06);
}
.lr-translate-btn svg { opacity:0.8; }

/* ============ CHIP POSITIONS — FINAL ============ */
/* Top-left chip - above and outside the circle */
.stat-chip.chip-1 {
  top: -5% !important;
  left: -28% !important;
  right: auto !important;
  bottom: auto !important;
}
/* Bottom-right chip - below and outside the circle */
.stat-chip.chip-2 {
  bottom: -5% !important;
  right: -28% !important;
  top: auto !important;
  left: auto !important;
}

/* ============ KILL GOOGLE TRANSLATE BANNER ============ */
.goog-te-banner-frame { display:none!important; visibility:hidden!important; height:0!important; }
.skiptranslate { display:none!important; visibility:hidden!important; }
body { top:0!important; position:static!important; }
#google_translate_element { display:block!important; }
/* Prevent Google from pushing page down */
body.translated-ltr, body.translated-rtl { margin-top:0!important; }
html body { top:0!important; }
iframe.goog-te-banner-frame { display:none!important; }

/* ============ GOOGLE TRANSLATE - NATIVE STYLED ============ */
.lr-translate-wrap { display:flex; align-items:center; gap:7px; }
.lr-globe { color:rgba(247,244,238,0.65); flex-shrink:0; }
#google_translate_element { display:flex; align-items:center; }

/* Style the native Google select to match LivRex */
.goog-te-gadget { font-size:0!important; }
.goog-te-gadget .goog-te-combo {
  background:transparent!important;
  border:1px solid rgba(232,196,104,0.4)!important;
  border-radius:100px!important;
  color:rgba(247,244,238,0.8)!important;
  font-family:Inter,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  padding:5px 24px 5px 10px!important;
  cursor:pointer!important;
  outline:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:border-color .2s, color .2s!important;
  min-width:100px!important;
  letter-spacing:0.3px!important;
}
.goog-te-gadget .goog-te-combo:hover {
  border-color:#E8C468!important;
  color:#E8C468!important;
}
.goog-te-gadget .goog-te-combo option { background:#1A1A2E; color:#F7F4EE; }
.goog-logo-link, .goog-te-gadget span, .goog-te-gadget img { display:none!important; }

/* Kill Google banner completely */
.goog-te-banner-frame { display:none!important; }
.skiptranslate { display:none!important; }
body.translated-ltr, body.translated-rtl { margin-top:0!important; top:0!important; }
html body { top:0!important; }
#goog-gt-tt, .goog-te-balloon-frame { display:none!important; }

/* Mobile */
@media(max-width:880px) {
  .lr-translate-wrap { padding:12px 32px; border-top:1px solid var(--line); width:100%; }
  .goog-te-gadget .goog-te-combo { min-width:140px!important; font-size:13px!important; }
}


footer {
  background: #0A0A0A;
  border-top: 1px solid rgba(232,196,104,0.25);
  padding: 0;
}
.foot-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.foot-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}


.foot-rex {
  color: #E8C468;
}
.foot-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.foot-links {
  display: flex;
  gap: 28px;
  font-size: 13px;
  color: rgba(247,244,238,0.5);
}
.foot-links a:hover { color: #E8C468; }
.foot-meta {
  font-size: 11px;
  color: rgba(247,244,238,0.25);
  text-align: right;
  line-height: 1.6;
}
@media(max-width:880px) {
  .foot-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 20px;
    gap: 24px;
  }
  .foot-right { align-items: flex-start; }
  .foot-links { flex-wrap: wrap; gap: 16px; }
  .foot-meta { text-align: left; }
}




.foot-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.foot-brand .rex { color: #E8C468; }


.foot-brand 


.foot-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.foot-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-direction: row !important;
}
.foot-brand

footer { border-top:1px solid var(--line); padding:48px 0; }
.foot-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; }
.foot-brand { display:flex; align-items:center; gap:12px; }



.foot-links { display:flex; gap:28px; font-size:13px; color:rgba(247,244,238,0.55); }
.foot-links a:hover { color:#E8C468; }
.foot-meta { font-size:12px; color:rgba(247,244,238,0.35); margin-top:24px; text-align:center; }
@media(max-width:880px) {
  .foot-row { flex-direction:column; align-items:flex-start; gap:16px; }
  .foot-links { flex-wrap:wrap; gap:16px; }
}

/* ============ FOOTER ============ */
footer { border-top:1px solid var(--line); padding:36px 0 28px; }
.foot-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:20px; }
.foot-brand { display:flex; align-items:center; gap:12px; }



.foot-links { display:flex; gap:28px; font-size:13px; color:rgba(247,244,238,0.55); }
.foot-links a:hover { color:#E8C468; }
.foot-meta { font-size:11px; color:rgba(247,244,238,0.3); text-align:center; line-height:1.6; padding-top:16px; border-top:1px solid rgba(247,244,238,0.06); }
@media(max-width:880px) {
  .foot-row { flex-direction:column; align-items:flex-start; gap:16px; }
  .foot-links { flex-wrap:wrap; gap:16px; }
  .foot-meta { text-align:left; }
}



.foot-brand { gap:0 !important; }
/* ============ FOOT LOGO FINAL ============ */
.foot-brand { display:flex !important; align-items:center !important; gap:0 !important; }
.foot-logo {
  width:120px !important;
  max-width:120px !important;
  height:auto !important;
  display:block !important;
  flex-shrink:0 !important;
  border:none !important;
  border-radius:0 !important;
  object-fit:contain !important;
}

/* ============ DISCORD LINK ============ */
.foot-discord {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(247,244,238,0.55);
  transition:color .2s;
}
.foot-discord:hover { color:#5865F2; }

/* ============ INSTAGRAM LINK ============ */
.foot-instagram {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(247,244,238,0.55);
  transition:color .2s;
}
.foot-instagram:hover { color:#E1306C; }