/* L10 coverflow + round chips + hybrid list/grid lobby
   Palette injected by build.py into :root before this file is copied, or this
   file already contains the leader defaults and build.py prepends overrides. */
:root {
  --bg: #061016;
  --bg2: #0a1c24;
  --bg3: #10262e;
  --ink: #031014;
  --beryl: #2ee8b0;
  --emerald: #14b88a;
  --gold: #f0c44c;
  --gold2: #ffe28a;
  --magenta: #ff4ea8;
  --ruby: #e0244c;
  --ivory: #f6f1e4;
  --muted: #9bb0b6;
  --line: rgba(240, 196, 76, 0.28);
  --cta: #f0c44c;
  --cta-text: #1a0e04;
  --glow: 0 0 22px rgba(240, 196, 76, 0.55);
  --header-h: 60px;
  --ticker-h: 24px;
  --hero-h: 292px;
  --chips-h: 72px;
  --hybrid-h: 352px;
  --radius: 14px;
  --display: "Unbounded", system-ui, sans-serif;
  --body: "Sora", system-ui, sans-serif;
}
@font-face{font-family:"Unbounded";src:url("/fonts/unbounded-variable.woff2") format("woff2-variations");font-weight:200 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Sora";src:url("/fonts/sora-variable.woff2") format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap;}

*,*::before,*::after{box-sizing:border-box;}
html{background:var(--bg);color:var(--ivory);-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--body);
  font-weight:400;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(46,232,176,.08), transparent 55%),
    radial-gradient(900px 500px at 0% 20%, rgba(255,78,168,.06), transparent 50%),
    var(--bg);
  min-height:100%;
  padding-bottom:0;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gold2);text-decoration:none;}
a:hover{color:var(--ivory);}
button{font-family:inherit;}
.skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:var(--gold);color:var(--cta-text);z-index:80;}

/* ---------- HEADER ---------- */
.l10-top{
  height:var(--header-h);
  display:flex;align-items:center;gap:14px;
  padding:0 18px;
  background:linear-gradient(180deg,#08161c 0%,#061016 100%);
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:30;
}
.l10-brand{display:flex;align-items:center;gap:10px;color:var(--ivory);flex:0 0 auto;}
.l10-brand img{width:56px;height:56px;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(240,196,76,.35);}
.l10-word{
  font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.06em;
  color:var(--gold2);line-height:1;display:flex;flex-direction:column;gap:3px;
}
.l10-indep{font-family:var(--body);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--beryl);}
.l10-nav{display:flex;align-items:center;gap:4px;margin-left:8px;flex:1 1 auto;}
.l10-nav a{
  font-weight:600;font-size:14px;color:var(--ivory);padding:8px 10px;border-radius:999px;white-space:nowrap;
}
.l10-nav a:hover,.l10-nav a.is-on{background:rgba(46,232,176,.12);color:var(--gold2);}
.l10-hcta{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:168px;height:40px;padding:0 16px;
  background:linear-gradient(180deg,var(--gold2),var(--gold));
  color:var(--cta-text)!important;font-weight:700;font-size:14px;letter-spacing:.04em;
  border-radius:10px;box-shadow:var(--glow);flex:0 0 auto;
}
.l10-menu{
  display:none;margin-left:auto;
  height:40px;padding:0 14px;border-radius:10px;
  background:rgba(255,255,255,.06);color:var(--ivory);border:1px solid var(--line);
  font-weight:700;font-size:14px;cursor:pointer;
}

/* ---------- TICKER ---------- */
.l10-ticker{
  height:var(--ticker-h);
  overflow:hidden;border-bottom:1px solid var(--line);
  background:#041014;display:flex;align-items:center;position:relative;z-index:4;
}
.l10-ticker-track{
  display:flex;gap:42px;white-space:nowrap;animation:l10marquee 32s linear infinite;
  font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--gold2);
  padding-left:0;
}
.l10-ticker b{color:var(--gold2);font-weight:700;}
@keyframes l10marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---------- DESKTOP FOLD ---------- */
.l10-fold{width:100%;max-width:none;}
.l10-hero{
  height:var(--hero-h);
  display:grid;
  grid-template-columns: 500px 1fr;
  gap:12px;
  padding:8px 16px 0;overflow:hidden;
  position:relative;
}
.l10-dock{display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:2;}
.l10-dock h1{
  margin:0 0 10px;
  font-family:var(--display);font-weight:800;
  font-size:40px;line-height:.96;letter-spacing:-.03em;
  color:var(--gold2);
  text-shadow:
    -2px -2px 0 #031014, 2px -2px 0 #031014, -2px 2px 0 #031014, 2px 2px 0 #031014,
    0 0 18px rgba(240,196,76,.35);
  max-width:100%;
}
.l10-dock h1 .l10-h1a{display:block;font-size:26px;letter-spacing:-.02em;white-space:nowrap;}
.l10-dock h1 .l10-h1b{display:block;font-size:38px;white-space:nowrap;}
.l10-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:240px;width:252px;height:66px;
  background:linear-gradient(180deg,#ffe899,var(--gold) 45%,#d4a018);
  color:var(--cta-text)!important;
  font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;
  border-radius:14px;box-shadow:var(--glow), 0 8px 0 #7a4e00;
  text-transform:uppercase;white-space:nowrap;flex:0 0 auto;
}
.l10-cta:hover{filter:brightness(1.06);}
.l10-note{margin:8px 0 0;font-size:11px;color:var(--muted);max-width:320px;line-height:1.35;}
.l10-dock .l10-note,.l10-fold .l10-note{display:none;}
.l10-plate{
  position:absolute;left:8px;bottom:8px;
  width:176px;display:flex;flex-direction:column;align-items:center;gap:4px;
  z-index:9;pointer-events:none;
}
.l10-plate img{width:160px;height:160px;object-fit:cover;border-radius:22px;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 0 2px rgba(240,196,76,.4);}
.l10-plate span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--beryl);text-shadow:0 1px 2px #000;}

/* Coverflow */
.l10-flow{position:relative;height:100%;perspective:1400px;overflow:hidden;}
.l10-stage{
  height:100%;position:relative;transform-style:preserve-3d;
  display:flex;align-items:center;justify-content:center;
}
.l10-slide{
  position:absolute;top:10px;width:520px;height:268px;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
  border:2px solid rgba(240,196,76,.28);
  transition:transform .55s cubic-bezier(.22,.7,.25,1), opacity .45s ease, filter .45s ease;
  transform-origin:center center;
  background:#0a1c24;
}
.l10-slide img{width:100%;height:100%;object-fit:cover;}
.l10-slide.is-on{transform:translateX(0) rotateY(0deg) translateZ(80px) scale(1);z-index:5;opacity:1;filter:none;}
.l10-slide.is-prev{transform:translateX(-58%) rotateY(48deg) translateZ(-80px) scale(.82);z-index:3;opacity:.9;filter:brightness(.72);}
.l10-slide.is-next{transform:translateX(58%) rotateY(-48deg) translateZ(-80px) scale(.82);z-index:3;opacity:.9;filter:brightness(.72);}
.l10-slide.is-far-l{transform:translateX(-100%) rotateY(58deg) translateZ(-200px) scale(.7);z-index:1;opacity:.0;pointer-events:none;}
.l10-slide.is-far-r{transform:translateX(100%) rotateY(-58deg) translateZ(-200px) scale(.7);z-index:1;opacity:.0;pointer-events:none;}
.l10-flow-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:8;
  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);
  background:rgba(3,16,20,.72);color:var(--gold2);font-size:22px;cursor:pointer;
}
.l10-flow-btn.prev{left:188px;}
.l10-flow-btn.next{right:6px;}
.l10-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:8;}
.l10-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.28);padding:0;cursor:pointer;}
.l10-dots button.is-on{background:var(--gold);box-shadow:0 0 8px var(--gold);}

/* Round category chips */
.l10-chips{
  height:var(--chips-h);
  display:flex;align-items:center;gap:18px;
  padding:0 20px;overflow:visible;
}
.l10-chip{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  background:none;border:0;color:var(--ivory);cursor:pointer;padding:0;min-width:64px;
}
.l10-chip i{
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 30% 30%, #1b3a42, #0a1c24);
  border:2px solid rgba(240,196,76,.35);
  box-shadow:inset 0 0 10px rgba(46,232,176,.15);
  color:var(--gold2);
}
.l10-chip i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.l10-chip span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.l10-chip.is-on i{border-color:var(--gold);background:radial-gradient(circle at 30% 30%, #2a5a3a, #123);box-shadow:0 0 14px rgba(240,196,76,.4);}
.l10-chip.is-on span{color:var(--gold2);}
.l10-chip:hover i{border-color:var(--beryl);}

/* Hybrid grid + list */
.l10-hybrid{
  height:var(--hybrid-h);
  display:grid;
  grid-template-columns: 1fr 280px;
  gap:14px;
  padding:0 16px 8px;overflow:hidden;
}
.l10-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:10px;min-height:0;
}
.l10-tile{
  position:relative;border-radius:14px;overflow:hidden;
  border:1px solid rgba(240,196,76,.28);
  min-height:138px;color:var(--ivory);
  display:block;background:#0a1c24;
}
.l10-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.l10-tile figcaption,.l10-tile .l10-plaque{
  position:absolute;left:0;right:0;bottom:0;
  padding:22px 10px 8px;
  background:linear-gradient(180deg,transparent,rgba(3,16,20,.92) 55%);
  font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;
  color:var(--ivory);text-shadow:0 1px 0 #000;
}
.l10-badge{
  position:absolute;top:8px;left:8px;z-index:2;
  font-size:10px;font-weight:800;letter-spacing:.08em;
  padding:3px 7px;border-radius:6px;background:var(--ruby);color:#fff;
}
.l10-badge.novo{background:#15a06a;}
.l10-list{
  background:linear-gradient(180deg,#0c1f26,#08161c);
  border:1px solid var(--line);border-radius:14px;padding:10px 10px 8px;
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
}
.l10-list h2{
  margin:0 0 8px;font-family:var(--display);font-weight:700;font-size:16px;color:var(--gold2);
  display:flex;align-items:center;gap:6px;
}
.l10-row{
  display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:8px;color:var(--ivory);
  min-height:44px;
}
.l10-row:hover{background:rgba(46,232,176,.08);}
.l10-row em{flex:0 0 18px;font-style:normal;font-weight:800;font-size:13px;color:var(--gold);font-family:var(--display);}
.l10-row img{width:40px;height:40px;object-fit:cover;border-radius:8px;flex:0 0 40px;}
.l10-row b{font-size:13px;font-weight:700;line-height:1.2;}
.l10-row small{display:block;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;}

/* Promo strip (below fold) */
.l10-promos{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  padding:22px 16px 8px;max-width:1280px;margin:0 auto;
}
.l10-promo{
  position:relative;height:132px;border-radius:14px;overflow:hidden;border:1px solid var(--line);display:block;
}
.l10-promo img{width:100%;height:100%;object-fit:cover;}
.l10-promo h3{
  position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 12px 10px;
  background:linear-gradient(180deg,transparent,rgba(3,16,20,.9));
  font-family:var(--display);font-weight:700;font-size:24px;color:var(--gold2);
}

/* Below-fold editorial */
.l10-wrap{max-width:1120px;margin:0 auto;padding:12px 16px 40px;}
.l10-sec{padding:28px 0 8px;}
.l10-sec h2{font-family:var(--display);font-weight:800;font-size:28px;color:var(--gold2);margin:0 0 12px;letter-spacing:-.02em;}
.l10-sec p,.l10-prose p{font-size:16px;line-height:1.65;color:var(--ivory);margin:0 0 12px;}
.l10-sec li{margin:0 0 8px;line-height:1.55;}
.l10-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;}
.l10-fact{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;}
.l10-fact b{display:block;font-family:var(--display);font-size:20px;color:var(--gold2);margin-bottom:4px;}
.l10-fact span{font-size:12px;color:var(--muted);}
.l10-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.l10-teaser{background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ivory);}
.l10-teaser img{width:100%;height:140px;object-fit:cover;}
.l10-teaser div{padding:10px 12px 14px;}
.l10-teaser h3{margin:0 0 6px;font-size:16px;font-family:var(--display);color:var(--gold2);}
.l10-cta-block{
  margin:22px 0;padding:18px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(90deg,rgba(240,196,76,.1),rgba(46,232,176,.08));
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
}
.l10-cta-block .l10-cta{flex:0 0 auto;}

/* Footer */
.l10-foot{border-top:1px solid var(--line);padding:24px 16px 40px;color:var(--muted);font-size:13px;line-height:1.55;}
.l10-foot nav{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:12px;}
.l10-foot a{color:var(--ivory);}

/* Inner pages */
.l10-page{padding:18px 16px 40px;max-width:920px;margin:0 auto;}
.l10-page h1{
  font-family:var(--display);font-weight:800;font-size:40px;line-height:1.1;margin:0 0 14px;color:var(--gold2);
  text-shadow:-1px -1px 0 #031014,1px 1px 0 #031014;
}
.l10-lead{font-size:18px;line-height:1.5;color:var(--ivory);margin:0 0 16px;}
.l10-cover{width:100%;height:auto;border-radius:16px;margin:0 0 18px;border:1px solid var(--line);}
.l10-prose h2{font-family:var(--display);font-size:24px;color:var(--gold2);margin:22px 0 10px;}
.l10-faq details{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 8px;}
.l10-faq summary{cursor:pointer;font-weight:700;color:var(--gold2);}

/* Hub */
.l10-hub-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;}
.l10-hub-tools input{
  flex:1 1 240px;height:44px;border-radius:10px;border:1px solid var(--line);
  background:#0a1c24;color:var(--ivory);padding:0 12px;font:inherit;
}
.l10-ledgers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.l10-ledgers button{
  border:1px solid var(--line);background:#0a1c24;color:var(--ivory);
  border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:700;font-size:13px;
}
.l10-ledgers button.is-on{background:var(--gold);color:var(--cta-text);}
.l10-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.l10-card{
  background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px;
  display:flex;gap:10px;align-items:center;color:var(--ivory);min-height:92px;
}
.l10-card img,.rl-mark img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;}
.rl-mark--badge{width:72px;height:72px;border-radius:10px;background:#123;display:flex;align-items:center;justify-content:center;color:var(--gold2);font-family:var(--display);}
.l10-card h3{margin:0 0 4px;font-size:15px;line-height:1.3;}
.l10-card p{margin:0;font-size:12px;color:var(--muted);}
.l10-more{display:block;margin:16px auto;height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--line);background:#0a1c24;color:var(--ivory);font-weight:700;cursor:pointer;}
.l10-card.is-hid{display:none;}
.l10-revhead{display:flex;gap:16px;align-items:center;margin:0 0 16px;}
.l10-revhead img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;}

/* Sticky CTA (mobile only) */
.l10-stick{display:none;}
.l10-mhero,.l10-mtiles{display:none;}

/* ========== H5 / MOBILE FIRST ========== */
@media (max-width:800px){
  .l10-page .l10-cta, .l10-cta-block .l10-cta{
    width:100%;min-width:0;height:58px;min-height:56px;
    font-size:18px;white-space:nowrap;box-shadow:var(--glow);
  }
  .l10-page .l10-note{display:none;}

  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));}
  .l10-nav,.l10-hcta,.l10-ticker,.l10-fold,.l10-plate{display:none !important;}
  .l10-top{height:56px;padding:0 10px;}
  .l10-word{font-size:16px;}
  .l10-brand img{width:56px;height:56px;}
  .l10-menu{display:inline-flex;align-items:center;}
  body.nav-open .l10-nav{
    display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;
    background:#061016;padding:10px;border-bottom:1px solid var(--line);z-index:40;
  }
  body.nav-open .l10-nav a{padding:12px 10px;}
  .l10-mhero{display:block;padding:12px 12px 0;}
  .l10-mhero h1{
    margin:0 0 12px;font-family:var(--display);font-weight:800;
    font-size:30px;line-height:1.08;color:var(--gold2);
    text-shadow:-2px -2px 0 #031014,2px 2px 0 #031014;
  }
  .l10-mcta{
    display:flex;align-items:center;justify-content:center;
    width:100%;min-height:56px;height:58px;
    background:linear-gradient(180deg,#ffe899,var(--gold) 45%,#d4a018);
    color:var(--cta-text)!important;font-family:var(--display);font-weight:800;
    font-size:18px;letter-spacing:.04em;border-radius:12px;box-shadow:var(--glow);
    text-transform:uppercase;
  }
  .l10-mnote{display:none;}
  .l10-mhero h1{font-size:28px;}
  .l10-mtiles{
    display:grid !important;grid-template-columns:1fr 1fr;gap:10px;
    padding:12px; 
  }
  .l10-mtiles .l10-tile{height:168px;min-height:150px;}
  .l10-mtiles .l10-plaque{font-size:14px;}
  .l10-stick{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
    background:rgba(3,16,20,.94);border-top:1px solid var(--line);backdrop-filter:blur(8px);
  }
  .l10-stick a{
    display:flex;align-items:center;justify-content:center;
    width:100%;min-height:56px;
    background:linear-gradient(180deg,#ffe899,var(--gold));
    color:var(--cta-text)!important;font-family:var(--display);font-weight:800;font-size:18px;
    border-radius:12px;box-shadow:var(--glow);text-transform:uppercase;
  }
  .l10-promos{grid-template-columns:1fr;padding:16px 12px;}
  .l10-promo{height:120px;}
  .l10-facts{grid-template-columns:1fr 1fr;}
  .l10-teasers{grid-template-columns:1fr;}
  .l10-page h1{font-size:28px;}
  .l10-mobile-extra{padding:0 12px 16px;}
  .l10-mobile-extra .l10-chips{height:auto;padding:8px 0;overflow-x:auto;gap:14px;}
  .l10-mobile-extra .l10-list{margin-top:8px;}
}
@media (min-width:801px){
  .l10-mhero,.l10-mtiles,.l10-stick,.l10-mobile-extra{display:none !important;}
  .l10-page .l10-cta{min-width:240px;height:64px;font-size:22px;}
}