/* NOTE: This file must only contain layout for its page. Theme tokens live in main.css. */
/* =========================================================
   RDS Home — rds-home.css (BRIGHT STUDIO BRIDGE)
   Purpose: keep home layout, inherit main.css tokens
   Rules: no pink, no dark bubble field, crawl-safe CSS-only
   ========================================================= */

:root{
  color-scheme: light;

  --bg0:   var(--bg, #F6F8FC);
  --bg1:   var(--bg-2, #EEF2F9);
  --text:  var(--text, #0B1730);
  --muted: var(--text-2, #33415E);

  --gold:  var(--gold, #D89F13);
  --cyan:  var(--cyan, #10CBF8);
  --line:  var(--border, rgba(11,23,48,.10));

  --radius: 22px;
  --shadow: 0 22px 70px rgba(11,23,48,.14);
  --shadowSoft: 0 16px 44px rgba(11,23,48,.12);

  --glassA: rgba(255,255,255,.78);
  --glassB: rgba(255,255,255,.58);
}

*{ box-sizing: border-box; }
html, body{ margin: 0; padding: 0; }

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: transparent; /* main.css paints atmosphere */
  color: var(--text);
}

/* Kill any legacy dark bubble field from older home CSS */
body::before,
body::after{ content: none !important; }

a{ color: var(--text); }
a:hover{ text-decoration: underline; }

/* Home wrappers */
.home-wrap{
  width: min(1120px, calc(100% - 36px));
  margin: 0 auto;
  padding: 28px 0 54px;
}

.hero{
  padding: 22px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, var(--glassA), var(--glassB));
  border: 1px solid var(--line);
  box-shadow: var(--shadowSoft);
  backdrop-filter: blur(10px);
}

.hero h1{
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 3.2vw, 44px);
}

.hero .lead{
  color: var(--muted);
  max-width: 70ch;
  line-height: 1.6;
  margin: 0 0 16px;
}

.grid{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 16px;
}

.card{
  grid-column: span 6;
  padding: 18px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, var(--glassA), var(--glassB));
  border: 1px solid var(--line);
  box-shadow: var(--shadowSoft);
  backdrop-filter: blur(10px);
}
@media (max-width: 900px){
  .card{ grid-column: span 12; }
}

/* Buttons */
.btn, button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(216,159,19,.35);
  background: linear-gradient(180deg, rgba(216,159,19,.18), rgba(216,159,19,.10));
  color: var(--text);
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(11,23,48,.10);
}
.btn:hover, button:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior: auto !important; }
}