/* Lamabet CA — game-library satellite. Catalogue/chip-grid layout, terracotta-led palette. */

:root{
  --ink: #1c1926;
  --ink-2: #241f30;
  --surface: #2b2438;
  --surface-2: #362d47;
  --border: rgba(244,232,214,.14);

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

  --terracotta: #ea7c3c;
  --terracotta-dim: #c96530;
  --gold: #ffce00;
  --gold-ink: #3a2a00;

  --radius-s: 8px;
  --radius-m: 16px;
  --maxw: 1120px;
  --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.55;
}
img{max-width:100%;display:block}
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}

.lc-header{
  border-bottom:1px solid var(--border);
  background:rgba(28,25,38,.92);
  position:sticky;top:0;z-index:50;
}
.lc-header .wrap{
  display:flex;align-items:center;justify-content:space-between;
  height:68px;
}
.lc-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.lc-mark{font-size:1.5rem}
.lc-word{font-weight:800;font-size:1.2rem;color:var(--text)}
.lc-word em{font-style:normal;color:var(--terracotta)}
.lc-official{
  font-size:.85rem;color:var(--text-dim);text-decoration:none;
  border:1px solid var(--border);padding:.5rem .9rem;border-radius:999px;
}
.lc-official:hover{color:var(--text);border-color:var(--terracotta)}

.lc-hero{padding:48px 0 36px;background:linear-gradient(180deg,var(--ink),var(--ink-2))}
.lc-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start}
.lc-eyebrow{
  text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;
  color:var(--terracotta);margin:0 0 .6rem;
}
h1{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;margin:0 0 1rem;font-weight:800}
.lc-lede{color:var(--text-dim);font-size:1.05rem;max-width:52ch}
.lc-quickfacts{display:flex;gap:1.4rem;margin-top:1.6rem;flex-wrap:wrap}
.lc-qf{display:flex;flex-direction:column}
.lc-qf strong{font-size:1.7rem;color:var(--gold);font-weight:800}
.lc-qf span{font-size:.82rem;color:var(--text-faint)}

.lc-hero-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);
  padding:1.4rem;
}
.lc-hero-card-title{
  font-weight:700;color:var(--terracotta);margin:0 0 .5rem;font-size:.9rem;
  text-transform:uppercase;letter-spacing:.04em;
}
.lc-hero-card p{color:var(--text-dim);font-size:.92rem}
.lc-btn{
  display:inline-block;margin-top:1rem;background:var(--terracotta);color:#1c1926;
  font-weight:700;text-decoration:none;padding:.7rem 1.2rem;border-radius:999px;
  font-size:.92rem;
}
.lc-btn:hover{background:var(--terracotta-dim)}
.lc-btn-lg{font-size:1rem;padding:.9rem 1.6rem;background:var(--gold)}
.lc-btn-lg:hover{background:#e6ba00}

.lc-section{padding:44px 0}
.lc-section-alt{background:var(--ink-2)}
.lc-section h2{font-size:1.5rem;margin:0 0 1rem;font-weight:800}

.lc-chipcloud{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.lc-chip{
  background:var(--surface);border:1px solid var(--border);color:var(--text-dim);
  padding:.5rem .9rem;border-radius:999px;font-size:.86rem;
}

.lc-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:.5rem}
.lc-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);
  padding:1.2rem;
}
.lc-card h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--gold)}
.lc-card p{margin:0;color:var(--text-dim);font-size:.92rem}

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

.lc-faq{
  border-bottom:1px solid var(--border);padding:.9rem 0;
}
.lc-faq summary{
  cursor:pointer;font-weight:700;color:var(--text);list-style:none;
  display:flex;justify-content:space-between;align-items:center;
}
.lc-faq summary::-webkit-details-marker{display:none}
.lc-faq summary::after{content:"+";color:var(--terracotta);font-size:1.2rem}
.lc-faq[open] summary::after{content:"–"}
.lc-faq p{color:var(--text-dim);margin:.6rem 0 0}

.lc-cta{
  padding:52px 0;text-align:center;
  background:radial-gradient(circle at 50% 0%,var(--surface-2),var(--ink) 70%);
}
.lc-cta h2{font-size:1.6rem;margin:0 0 .6rem}
.lc-cta p{color:var(--text-dim);max-width:56ch;margin:0 auto 1.2rem}

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

@media (max-width:820px){
  .lc-hero-grid{grid-template-columns:1fr}
  .lc-cardgrid{grid-template-columns:repeat(2,1fr)}
  .lc-two-col{grid-template-columns:1fr}
}
@media (max-width:520px){
  .lc-cardgrid{grid-template-columns:1fr}
  .lc-header .wrap{height:auto;padding:12px 20px;flex-direction:column;gap:.6rem}
}