/*
Theme Name: RoCoLu Company Theme Fixed
Theme URI: https://rocolu.com
Author: RoCoLu LLC
Description: A black and white company website theme for RoCoLu LLC with Home, About, Projects, Properties, Contact, Support, Privacy Policy, and Terms pages.
Version: 1.4.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rocolu
*/

:root {
  --black: #000000;
  --white: #ffffff;
  --light: #f7f7f7;
  --text: #111111;
  --muted: #555555;
  --border: #dddddd;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text);
  line-height: 1.6;
  background: var(--white);
}

a { color: var(--black); text-decoration: none; }
a:hover { opacity: .72; text-decoration: none; }

.site-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 10;
}

.header-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--black);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: .02em;
}

.brand img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

/* Clean WordPress menu rendering */
.nav {
  display: flex;
  align-items: center;
}

.nav ul,
.nav .menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.nav li,
.nav .menu-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nav li::marker,
.nav .menu-item::marker {
  content: "" !important;
}

.nav a {
  color: var(--black);
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: .01em;
}

.hero {
  background: var(--white);
  padding: 72px 22px 56px;
  border-bottom: 1px solid var(--border);
}

.hero-inner {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 42px;
  align-items: center;
}

.hero h1 {
  font-size: 54px;
  line-height: 1.05;
  margin: 0 0 18px;
  color: var(--black);
  letter-spacing: -.045em;
}

.hero p {
  font-size: 20px;
  color: var(--muted);
  margin: 0 0 28px;
  max-width: 760px;
}

.hero-logo {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 24px;
}

.hero-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.button {
  display: inline-block;
  background: var(--black);
  color: var(--white) !important;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 700;
  margin-right: 10px;
  border: 1px solid var(--black);
}

.button.secondary {
  background: var(--white);
  color: var(--black) !important;
  border: 1px solid var(--black);
}

.section {
  max-width: 1120px;
  margin: 0 auto;
  padding: 56px 22px;
}

.section h2 {
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 16px;
  color: var(--black);
  letter-spacing: -.02em;
}

.section-intro {
  color: var(--muted);
  font-size: 18px;
  max-width: 820px;
  margin-bottom: 26px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 24px;
}

.card h3 {
  margin: 0 0 8px;
  color: var(--black);
  font-size: 22px;
}

.card p {
  margin: 0;
  color: var(--muted);
}

.property-card {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 26px;
  align-items: center;
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 26px;
  margin-top: 20px;
}

.property-card img {
  width: 100%;
  height: auto;
  display: block;
}

.page-title {
  background: var(--light);
  border-bottom: 1px solid var(--border);
  padding: 46px 22px;
}

.page-title-inner {
  max-width: 1120px;
  margin: 0 auto;
}

.page-title h1 {
  margin: 0;
  color: var(--black);
  font-size: 44px;
  letter-spacing: -.03em;
}

.content {
  max-width: 920px;
  margin: 0 auto;
  padding: 44px 22px;
}

.content h2 {
  color: var(--black);
  margin-top: 34px;
}

.content p,
.content li {
  font-size: 17px;
}

.contact-box {
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 24px;
  margin-top: 20px;
}

.site-footer {
  background: var(--white);
  color: var(--text);
  padding: 34px 22px;
  margin-top: 30px;
  border-top: 1px solid var(--border);
}

.footer-inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-inner a {
  color: var(--black);
}

.footer-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

@media(max-width:800px){
  .hero-inner,
  .property-card {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    font-size: 38px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .header-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav ul,
  .nav .menu {
    gap: 16px;
  }
}

/* RoCoLu portfolio expansion - v1.2 */
:root{
  --navy:#061a2b;
  --gold:#e8b447;
  --felt:#073d25;
  --cream:#f4eddd;
}

.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--gold);margin-bottom:12px}.eyebrow.dark{color:#6d5522}.page-title p{font-size:18px;color:var(--muted);margin:12px 0 0;max-width:720px}

.studio-hero{position:relative;background:#0a0a0a;overflow:hidden}.studio-slides{position:relative;min-height:610px}.studio-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.studio-slide.is-active{opacity:1;pointer-events:auto;position:relative}.studio-slide-inner{max-width:1180px;margin:0 auto;min-height:610px;padding:72px 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.studio-copy h1{font-size:62px;line-height:1.02;letter-spacing:-.05em;margin:0 0 22px}.studio-copy p{font-size:21px;max-width:690px;margin:0 0 30px}.baseball-slide{color:#fff;background:radial-gradient(circle at 70% 35%,rgba(232,180,71,.14),transparent 38%),linear-gradient(135deg,#031c11,#07502f)}.baseball-slide .studio-copy h1{color:var(--cream)}.baseball-slide .studio-copy p{color:#d5e4da}.oddsrx-slide{background:linear-gradient(135deg,#fff,#eceff3)}.oddsrx-slide .studio-copy h1{color:#000}.oddsrx-slide .studio-copy p{color:#4b5563}.studio-art{background:rgba(255,255,255,.92);border-radius:28px;padding:36px;box-shadow:0 28px 70px rgba(0,0,0,.18)}.studio-art img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.baseball-art{background:rgba(255,255,255,.98)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button.gold{background:var(--gold);border-color:var(--gold);color:#101820!important}.button.ghost-light{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}.slider-controls{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;z-index:4}.slider-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.3);padding:0;cursor:pointer}.slider-dot.is-active{background:var(--gold);border-color:var(--gold);transform:scale(1.2)}

.section-heading-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.featured-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.featured-property{border:1px solid var(--border);border-radius:24px;padding:24px;display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;background:#fff}.featured-property img{width:100%;max-height:160px;object-fit:contain}.featured-property h3{font-size:26px;margin:0 0 8px}.featured-property p{color:var(--muted);margin:0 0 12px}.baseball-property{background:linear-gradient(135deg,#f8f6ef,#eef5ef)}.text-link{font-weight:800;text-decoration:underline;text-underline-offset:4px}.property-list{display:grid;gap:24px}.property-card-featured{background:linear-gradient(135deg,#f6f2e6,#edf5ee)}.property-type{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#75612d}

.bb-page{background:#fff}.bb-hero{background:radial-gradient(circle at 75% 35%,rgba(232,180,71,.16),transparent 38%),linear-gradient(135deg,#031b10,#07522f);color:#fff}.bb-hero-inner{max-width:1180px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.bb-hero h1{font-size:64px;line-height:1;letter-spacing:-.05em;color:var(--cream);margin:0 0 22px}.bb-hero p{font-size:21px;color:#d8e5dc;margin:0 0 28px}.bb-hero-logo{background:#fff;border-radius:30px;padding:34px;box-shadow:0 32px 80px rgba(0,0,0,.3)}.bb-hero-logo img{width:100%;display:block}.store-coming{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:var(--gold);color:#102014;font-weight:900}.bb-intro{text-align:center}.bb-intro .section-intro{margin-left:auto;margin-right:auto}.feature-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.feature-pills span{background:#edf3ef;border:1px solid #d4e3d9;border-radius:999px;padding:9px 14px;font-weight:700;color:#17472f}.bb-screenshots-section{background:#062f1d;color:#fff}.bb-screenshots-section h2{color:var(--cream)}.phone-gallery{display:flex;gap:28px;overflow-x:auto;padding:18px 6px 26px;scroll-snap-type:x mandatory}.phone-gallery figure{margin:0;min-width:250px;max-width:250px;scroll-snap-align:start}.phone-gallery img{width:100%;display:block;border-radius:28px;box-shadow:0 18px 50px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.15)}.phone-gallery figcaption{color:#c6d6cc;font-size:14px;margin-top:12px}.bb-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bb-feature{border:1px solid var(--border);border-radius:22px;padding:26px}.bb-feature>span{color:var(--gold);font-weight:900;letter-spacing:.15em}.bb-feature h3{font-size:24px;margin:8px 0}.bb-feature p{margin:0;color:var(--muted)}.bb-cta{background:#071827;color:#fff;padding:70px 22px;text-align:center}.bb-cta>div{max-width:760px;margin:0 auto}.bb-cta img{width:220px;max-width:70%;border-radius:22px}.bb-cta h2{font-size:42px;margin:24px 0 10px;color:#fff}.bb-cta p{color:#cbd5df;font-size:18px}.legal-content ul{padding-left:22px}.legal-content a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){.studio-slide-inner,.bb-hero-inner{grid-template-columns:1fr;min-height:auto}.studio-slides{min-height:850px}.studio-slide-inner{padding-top:54px;padding-bottom:90px}.studio-copy h1,.bb-hero h1{font-size:48px}.studio-art{max-width:520px}.featured-property-grid{grid-template-columns:1fr}.bb-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.studio-slides{min-height:770px}.studio-slide-inner{padding:44px 20px 76px;gap:30px}.studio-copy h1,.bb-hero h1{font-size:42px}.studio-copy p,.bb-hero p{font-size:18px}.studio-art{padding:22px}.featured-property{grid-template-columns:110px 1fr;padding:18px}.bb-hero-inner{padding:48px 20px}.bb-feature-grid{grid-template-columns:1fr}.phone-gallery figure{min-width:230px;max-width:230px}.section-heading-row{align-items:start;flex-direction:column}.bb-cta h2{font-size:34px}}


/* v1.3 privacy and transparent-logo refinements */
.studio-art img,
.featured-property img,
.property-card img,
.bb-hero-logo img,
.bb-cta img,
.boh-hero-logo img,
.boh-cta img { background: transparent !important; }

.baseball-art,
.bb-hero-logo,
.bb-cta { background-image: none !important; }

.legal-content { max-width: 900px; }
.legal-content h2 { margin-top: 2.1rem; line-height: 1.25; }
.legal-content h3 { margin-top: 1.3rem; line-height: 1.35; }
.legal-content address {
  font-style: normal;
  padding: 1rem 1.15rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--light);
}
.legal-notice {
  margin: 1.4rem 0 2rem;
  padding: 1rem 1.15rem;
  border-left: 4px solid #b98a2e;
  background: #faf7ef;
  border-radius: 4px 10px 10px 4px;
}
.legal-crosslink {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
}
.app-legal-links {
  margin-top: 1.25rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.app-legal-links a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* v1.3.1 RoCoLu company hero slide */
.rocolu-slide{background:linear-gradient(135deg,#f7f7f5,#e9ecef)}
.rocolu-slide .studio-copy h1{color:#0a0a0a}
.rocolu-slide .studio-copy p{color:#4b5563}
.rocolu-slide .eyebrow{color:#8a6722}
.rocolu-art{background:rgba(255,255,255,.82)}
.rocolu-art img{max-height:350px}


/* v1.3.2 family handwriting logo */
.site-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.site-brand-handwriting {
  display: block;
  width: clamp(145px, 16vw, 220px);
  height: auto;
  background: transparent !important;
}

.studio-art img,
.company-hero-art img {
  background: transparent !important;
}


/* v1.3.3 clean family-handwriting identity */
.brand-image-only {
  display: inline-flex !important;
  align-items: center;
  gap: 0 !important;
  text-decoration: none;
}

.brand-image-only img {
  width: clamp(180px, 19vw, 260px) !important;
  height: auto !important;
  max-height: 68px;
  object-fit: contain;
  background: transparent !important;
}

.rocolu-art img {
  width: min(82%, 640px);
  max-height: 520px;
  object-fit: contain;
  background: transparent !important;
}

@media (max-width: 720px) {
  .brand-image-only img {
    width: 170px !important;
    max-height: 54px;
  }
}


/* v1.3.4 aligned family logo */
.rocolu-art img {
  width: min(76%, 560px) !important;
  max-height: 510px !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  background: transparent !important;
}


/* v1.3.5 lion-free RoCoLu identity */
.brand-wordmark-only {
  display: inline-flex !important;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}

.brand-wordmark-only img {
  display: block;
  width: clamp(190px, 20vw, 280px) !important;
  height: auto !important;
  max-height: 68px;
  object-fit: contain;
  background: transparent !important;
}

.rocolu-wordmark-card {
  display: flex;
  min-height: 430px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  padding: 56px 44px !important;
  background: rgba(255,255,255,.9) !important;
}

.rocolu-wordmark-card img {
  width: min(92%, 720px) !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain;
  background: transparent !important;
}

.rocolu-tagline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(18px, 3vw, 42px);
  font-size: clamp(15px, 1.7vw, 23px);
  font-weight: 800;
  letter-spacing: .32em;
  line-height: 1.3;
  text-align: center;
}

.rocolu-tagline span {
  white-space: nowrap;
}

.tag-data { color: #16a34a; }
.tag-insight { color: #ef2027; }
.tag-impact { color: #18b9d8; }

@media (max-width: 720px) {
  .brand-wordmark-only img {
    width: 180px !important;
    max-height: 52px;
  }

  .rocolu-wordmark-card {
    min-height: 330px;
    gap: 24px;
    padding: 38px 24px !important;
  }

  .rocolu-tagline {
    gap: 12px;
    letter-spacing: .18em;
  }
}

/* v1.3.6 definitive lion-free hero */
.rocolu-wordmark-card {
  display: flex !important;
  min-height: 430px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  padding: 56px 44px !important;
  background: rgba(255,255,255,.92) !important;
}
.rocolu-wordmark-card img {
  display: block;
  width: min(92%, 720px) !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain;
  background: transparent !important;
}
.rocolu-tagline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(18px, 3vw, 42px);
  font-size: clamp(15px, 1.7vw, 23px);
  font-weight: 800;
  letter-spacing: .32em;
  line-height: 1.3;
  text-align: center;
}
.rocolu-tagline span { white-space: nowrap; }
.tag-data { color: #16a34a; }
.tag-insight { color: #ef2027; }
.tag-impact { color: #18b9d8; }
@media (max-width: 720px) {
  .rocolu-wordmark-card { min-height: 330px; gap: 24px; padding: 38px 24px !important; }
  .rocolu-tagline { gap: 12px; letter-spacing: .18em; }
}


/* v1.3.8 Box Office Hit */
.boh-slide{color:#fff;background:radial-gradient(circle at 72% 32%,rgba(232,180,71,.20),transparent 42%),radial-gradient(circle at 20% 90%,rgba(154,20,32,.30),transparent 45%),linear-gradient(135deg,#0a0710,#1b0d14)}
.boh-slide .studio-copy h1{color:var(--gold)}
.boh-slide .studio-copy p{color:#e7dbc4}
.boh-art{background:#0d0a12}
.boh-property{background:linear-gradient(135deg,#fbf5e8,#f6ecd8)}

.boh-page{background:#fff}
.boh-hero{background:radial-gradient(circle at 76% 32%,rgba(232,180,71,.22),transparent 42%),radial-gradient(circle at 14% 92%,rgba(154,20,32,.34),transparent 46%),linear-gradient(135deg,#0a0710,#1b0d14);color:#fff}
.boh-hero-inner{max-width:1180px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}
.boh-hero h1{font-size:64px;line-height:1;letter-spacing:-.05em;color:var(--gold);margin:0 0 22px}
.boh-hero p{font-size:21px;color:#e7dbc4;margin:0 0 28px}
.boh-hero-logo{background:#0d0a12;border-radius:30px;padding:30px;box-shadow:0 32px 80px rgba(0,0,0,.5);border:1px solid rgba(232,180,71,.25)}
.boh-hero-logo img{width:100%;display:block;border-radius:18px}
.boh-intro{text-align:center}
.boh-intro .section-intro{margin-left:auto;margin-right:auto}
.boh-page .feature-pills span{background:#faf3e4;border:1px solid #ecd6a6;color:#6d5010}
.boh-screenshots-section{background:#0e0a12;color:#fff}
.boh-screenshots-section .eyebrow{color:var(--gold)}
.boh-screenshots-section h2{color:var(--gold)}
.boh-screenshots-section .phone-gallery figcaption{color:#cdbfa6}
.boh-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.boh-feature{border:1px solid var(--border);border-radius:22px;padding:26px}
.boh-feature>span{color:var(--gold);font-weight:900;letter-spacing:.15em}
.boh-feature h3{font-size:24px;margin:8px 0}
.boh-feature p{margin:0;color:var(--muted)}
.boh-categories{text-align:center}
.boh-categories .section-intro{margin-left:auto;margin-right:auto}
.boh-cta{background:#0a0710;color:#fff;padding:70px 22px;text-align:center;border-top:1px solid rgba(232,180,71,.2)}
.boh-cta>div{max-width:760px;margin:0 auto}
.boh-cta img{width:200px;max-width:66%;border-radius:22px}
.boh-cta h2{font-size:42px;margin:24px 0 10px;color:var(--gold)}
.boh-cta p{color:#e7dbc4;font-size:18px}
@media(max-width:900px){.boh-hero-inner{grid-template-columns:1fr;min-height:auto}.boh-hero h1{font-size:48px}.boh-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.boh-hero h1{font-size:42px}.boh-hero p{font-size:18px}.boh-hero-inner{padding:48px 20px}.boh-feature-grid{grid-template-columns:1fr}.boh-cta h2{font-size:34px}}


/* v1.4.0 Lights Out Trivia */
.lot-slide{color:#fff;background:radial-gradient(circle at 16% 12%,rgba(244,201,86,.22),transparent 34%),radial-gradient(circle at 84% 14%,rgba(244,201,86,.20),transparent 34%),radial-gradient(circle at 50% 128%,rgba(31,122,61,.26),transparent 52%),linear-gradient(160deg,#080b14,#131a2c 55%,#0a1220)}
.lot-slide .studio-copy h1{color:var(--gold)}
.lot-slide .studio-copy p{color:#d7deea}
.lot-art{background:#0b1120 !important}
.lot-property{background:linear-gradient(135deg,#eef2fb,#e3ebf6)}

.lot-page{background:#fff}
.lot-hero{background:radial-gradient(circle at 15% 12%,rgba(244,201,86,.22),transparent 32%),radial-gradient(circle at 85% 14%,rgba(244,201,86,.20),transparent 32%),radial-gradient(circle at 50% 122%,rgba(31,122,61,.28),transparent 54%),linear-gradient(160deg,#080b14,#121a2c 55%,#0a1220);color:#fff}
.lot-hero-inner{max-width:1180px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}
.lot-hero h1{font-size:64px;line-height:1;letter-spacing:-.05em;color:var(--gold);margin:0 0 22px}
.lot-hero p{font-size:21px;color:#d7deea;margin:0 0 28px}
.lot-hero-logo{background:#0b1120;border-radius:30px;padding:30px;box-shadow:0 32px 80px rgba(0,0,0,.55);border:1px solid rgba(244,201,86,.28)}
.lot-hero-logo img{width:100%;display:block;border-radius:18px}
.lot-intro{text-align:center}
.lot-intro .section-intro{margin-left:auto;margin-right:auto}
.lot-page .feature-pills span{background:#eef2fb;border:1px solid #d0dbef;color:#2b3f5c}
.lot-screenshots-section{background:#0a0f1b;color:#fff}
.lot-screenshots-section .eyebrow{color:var(--gold)}
.lot-screenshots-section h2{color:var(--gold)}
.lot-screenshots-section .phone-gallery figcaption{color:#c2cbdb}
.lot-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.lot-feature{border:1px solid var(--border);border-radius:22px;padding:26px}
.lot-feature>span{color:var(--gold);font-weight:900;letter-spacing:.15em}
.lot-feature h3{font-size:24px;margin:8px 0}
.lot-feature p{margin:0;color:var(--muted)}
.lot-duel{text-align:center}
.lot-duel .section-intro{margin-left:auto;margin-right:auto}
.lot-cta{background:#080b14;color:#fff;padding:70px 22px;text-align:center;border-top:1px solid rgba(244,201,86,.2)}
.lot-cta>div{max-width:760px;margin:0 auto}
.lot-cta img{width:200px;max-width:66%;border-radius:22px}
.lot-cta h2{font-size:42px;margin:24px 0 10px;color:var(--gold)}
.lot-cta p{color:#d7deea;font-size:18px}
@media(max-width:900px){.lot-hero-inner{grid-template-columns:1fr;min-height:auto}.lot-hero h1{font-size:48px}.lot-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.lot-hero h1{font-size:42px}.lot-hero p{font-size:18px}.lot-hero-inner{padding:48px 20px}.lot-feature-grid{grid-template-columns:1fr}.lot-cta h2{font-size:34px}}

/* App Store download badge */
.app-store-badge{display:inline-flex;align-items:center;line-height:0;transition:transform .15s ease,opacity .15s ease}
.app-store-badge img{height:48px;width:auto;display:block}
.app-store-badge:hover{transform:translateY(-1px);opacity:.9}
.app-store-badge:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:9px}