/* Trackio Group — temporary static affiliate site */
:root{
  --navy:#0e1b30;
  --navy-2:#14243d;
  --panel:#ffffff;
  --ink:#1c2533;
  --muted:#5d6b80;
  --gold:#e0ae4e;
  --line:#e2e7ef;
  --bg:#f5f7fa;
  --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}
.wrap{width:100%;max-width:1060px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{background:var(--navy);border-bottom:3px solid var(--gold)}
.header-inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 16px}
.brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.2px}
.brand span{color:var(--gold)}
.site-header nav{display:flex;flex-wrap:wrap;gap:4px}
.site-header nav a{
  color:#d7deea;text-decoration:none;font-size:.95rem;font-weight:500;
  padding:8px 14px;border-radius:6px;
}
.site-header nav a:hover{background:var(--navy-2);color:#fff}
.site-header nav a[aria-current="page"]{background:var(--gold);color:var(--navy)}

/* Intro / hero */
.intro{padding:40px 0 8px}
.eyebrow{
  margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;
  font-size:.75rem;font-weight:700;color:var(--gold)
}
.intro h1{margin:0 0 12px;font-size:2rem;line-height:1.25;color:var(--navy)}
.lead{margin:0;max-width:70ch;font-size:1.06rem;color:var(--muted)}

/* Section heading */
.section-heading{
  display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;
  justify-content:space-between;margin:36px 0 16px;
  padding-bottom:10px;border-bottom:1px solid var(--line)
}
.section-heading h2{margin:0;font-size:1.3rem;color:var(--navy)}
.section-heading p{margin:0;font-size:.88rem;color:var(--muted)}

/* Casino grid */
.casino-grid{
  display:grid;gap:14px;
  grid-template-columns:repeat(2,1fr);
}
.casino-card{
  display:flex;align-items:center;gap:14px;
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;
}
.casino-card .logo{
  flex:0 0 46px;width:46px;height:46px;border-radius:8px;
  background:var(--navy);color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1rem;letter-spacing:.5px;
}
.casino-card .body{flex:1 1 auto;min-width:0}
.casino-card h3{margin:0 0 2px;font-size:1rem;color:var(--navy)}
.casino-card p{margin:0;font-size:.85rem;color:var(--muted)}
.casino-card .visit{
  flex:0 0 auto;font-size:.85rem;font-weight:600;text-decoration:none;
  color:var(--navy);background:#f0f3f8;border:1px solid var(--line);
  padding:7px 12px;border-radius:6px;white-space:nowrap
}
.casino-card .visit:hover{background:var(--gold);border-color:var(--gold)}

/* Panels & text */
.content-panel{
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px;margin:24px 0
}
.content-panel h2{margin:0 0 10px;font-size:1.2rem;color:var(--navy)}
.content-panel h2:not(:first-child){margin-top:26px}
.content-panel p{margin:0 0 14px;max-width:75ch}
.content-panel p:last-child{margin-bottom:0}
.content-panel ul{margin:0 0 14px;padding-left:20px;max-width:75ch}
.content-panel li{margin-bottom:7px}

/* Info cards */
.info-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:24px 0}
.info-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.info-card h3{margin:0 0 6px;font-size:1rem;color:var(--navy)}
.info-card p{margin:0;font-size:.9rem;color:var(--muted)}

/* Contact */
.contact-link{color:var(--navy);font-weight:600}
form .field{margin-bottom:16px}
form label{display:block;margin-bottom:5px;font-size:.88rem;font-weight:600;color:var(--navy)}
form input,form textarea{
  width:100%;padding:10px 12px;font:inherit;font-size:.95rem;color:var(--ink);
  background:#fcfdff;border:1px solid var(--line);border-radius:6px
}
form input:focus,form textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
form textarea{min-height:130px;resize:vertical}
button[type="submit"]{
  font:inherit;font-weight:700;cursor:pointer;
  background:var(--gold);color:var(--navy);
  border:none;border-radius:6px;padding:11px 22px
}
button[type="submit"]:hover{background:#cf9c3c}
.form-hint{margin:12px 0 0;font-size:.82rem;color:var(--muted)}

/* Notes / footer */
.note{
  margin:20px 0 0;padding:14px 16px;font-size:.85rem;color:var(--muted);
  background:#eef1f6;border-left:3px solid var(--gold);border-radius:6px
}
.site-footer{margin-top:48px;background:var(--navy);color:#aab6c8}
.footer-inner{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  justify-content:space-between;padding:22px 16px;font-size:.85rem
}
.footer-inner p{margin:0}
.footer-inner a{color:#d7deea}

@media (max-width:560px){
  .intro h1{font-size:1.6rem}
  .intro{padding:28px 0 4px}
  .casino-grid{grid-template-columns:1fr}
  .casino-card{flex-wrap:wrap}
  .casino-card .visit{width:100%;text-align:center}
}