/* Lamabet1 CA — bonus/wagering satellite. Stepped-guide layout, gold-led palette. */

:root{
  --ink: #1c1926;
  --ink-2: #211c2c;
  --surface: #2a2438;
  --surface-2: #362e46;
  --border: rgba(244,232,214,.14);

  --text: #f4ead9;
  --text-dim: #cabfd8;
  --text-faint: #988ba7;

  --gold: #ffce00;
  --gold-dim: #e6ba00;
  --gold-ink: #3a2a00;
  --terracotta: #ea7c3c;
  --warn-bg: #3a2c1a;
  --warn-border: #a56a1f;

  --radius-s: 8px;
  --radius-m: 16px;
  --maxw: 980px;
  --font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--font);
  line-height:1.6;
}
a{color:var(--gold)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

.skip-link{
  position:absolute;left:-999px;top:0;background:var(--gold);color:var(--gold-ink);
  padding:10px 16px;border-radius:0 0 var(--radius-s) 0;z-index:200;font-weight:700;
}
.skip-link:focus{left:0}

.lb-header{border-bottom:1px solid var(--border);background:var(--ink)}
.lb-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.lb-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.lb-mark{font-size:1.4rem}
.lb-word{font-weight:800;font-size:1.15rem;color:var(--text)}
.lb-word em{font-style:normal;color:var(--gold)}
.lb-official{font-size:.82rem;color:var(--text-faint);text-decoration:none}
.lb-official:hover{color:var(--gold)}

.lb-hero{padding:50px 0 38px;text-align:center;background:linear-gradient(180deg,var(--ink),var(--ink-2))}
.lb-eyebrow{
  text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;
  color:var(--gold);margin:0 0 .7rem;
}
h1{font-size:clamp(1.6rem,3.2vw,2.35rem);line-height:1.2;margin:0 auto 1rem;font-weight:800;max-width:26ch}
.lb-lede{color:var(--text-dim);font-size:1.02rem;max-width:60ch;margin:0 auto}
.lb-figure{
  margin:1.8rem auto 0;display:inline-flex;flex-direction:column;align-items:center;
  background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius-m);
  padding:1.1rem 2rem;
}
.lb-figure-num{font-size:2.4rem;font-weight:800;color:var(--gold)}
.lb-figure-sub{font-size:.85rem;color:var(--text-dim);max-width:28ch;text-align:center}

.lb-section{padding:42px 0}
.lb-section-alt{background:var(--ink-2)}
.lb-section h2{font-size:1.4rem;margin:0 0 1.1rem;font-weight:800}

.lb-steps{
  counter-reset:step;list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:.9rem;
}
.lb-steps li{
  counter-increment:step;position:relative;padding:.9rem 1.1rem .9rem 3.1rem;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);
  color:var(--text-dim);
}
.lb-steps li::before{
  content:counter(step);position:absolute;left:1rem;top:50%;transform:translateY(-50%);
  width:1.7rem;height:1.7rem;border-radius:50%;background:var(--gold);color:var(--gold-ink);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;
}
.lb-steps strong{color:var(--text)}

.lb-warning{
  margin-top:1.2rem;background:var(--warn-bg);border:1px solid var(--warn-border);
  border-radius:var(--radius-m);padding:1rem 1.2rem;color:var(--text-dim);font-size:.92rem;
}
.lb-warning strong{color:var(--gold)}

.lb-table{width:100%;border-collapse:collapse;margin-top:.5rem}
.lb-table th,.lb-table td{
  text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border);font-size:.92rem;
}
.lb-table th{color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.lb-table td{color:var(--text-dim)}

.lb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.lb-two-col p{color:var(--text-dim);font-size:.94rem}

.lb-faq{border-bottom:1px solid var(--border);padding:1rem 0}
.lb-faq h3{margin:0 0 .4rem;font-size:1.02rem;color:var(--text)}
.lb-faq p{margin:0;color:var(--text-dim);font-size:.92rem}

.lb-cta{padding:50px 0;text-align:center;background:var(--surface-2)}
.lb-cta h2{font-size:1.5rem;margin:0 0 .6rem}
.lb-cta p{color:var(--text-dim);max-width:52ch;margin:0 auto 1.2rem}
.lb-btn{
  display:inline-block;background:var(--gold);color:var(--gold-ink);font-weight:700;
  text-decoration:none;padding:.85rem 1.5rem;border-radius:999px;font-size:.96rem;
}
.lb-btn:hover{background:var(--gold-dim)}

.lb-footer{padding:28px 0 40px;border-top:1px solid var(--border);background:var(--ink-2)}
.lb-legal{font-size:.78rem;color:var(--text-faint);max-width:80ch;margin:0 0 .7rem}
.lb-legal a{color:var(--text-dim)}
.lb-copy{font-size:.78rem;color:var(--text-faint);margin:0}

@media (max-width:720px){
  .lb-two-col{grid-template-columns:1fr}
}