/* Bornstein Retail Strategies LLC */
:root{
  --ink:#0f172a;
  --muted:#475569;
  --card:#ffffff;
  --line:#e2e8f0;
  --brand:#1e3a8a;
  --brand2:#0ea5e9;
  --soft:#f8fafc;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--ink);
  background:#ffffff;
  line-height:1.5;
}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px, 92vw); margin:0 auto}
.skip-link{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:16px; top:16px; width:auto; height:auto; padding:10px 12px; background:var(--card); border:1px solid var(--line); border-radius:10px; z-index:9999}

.site-header{
  position:sticky; top:0;
  background:rgba(255,255,255,0.92);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--line);
  z-index:50;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:10px 0; gap:14px}
.logo{height:46px; width:auto; display:block}
.nav{display:flex; align-items:center; gap:18px; font-weight:600; color:var(--muted)}
.nav a{color:var(--muted)}
.nav a.btn{color:#001018}
.nav-toggle{display:none; border:1px solid var(--line); background:var(--card); padding:10px; border-radius:12px; cursor:pointer}
.nav-toggle span{display:block; width:22px; height:2px; background:var(--ink); margin:4px 0}
.mobile-nav{border-top:1px solid var(--line); padding:10px 0 16px; background:rgba(255,255,255,0.98)}
.mobile-nav a{display:block; padding:10px 0; font-weight:600; color:var(--muted)}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:14px;
  border:1px solid transparent;
  background: var(--brand2);
  color:#001018;
  font-weight:800;
}
.btn:hover{text-decoration:none; filter:brightness(1.02)}
.btn-ghost{background:transparent; color:#fff; border-color: rgba(255,255,255,0.35)}
.btn-small{padding:10px 12px; border-radius:12px; font-weight:800}

.hero{
  padding:56px 0 28px;
  background: linear-gradient(135deg, #0b1220 0%, #0b1220 55%, #0f172a 100%);
  color:#fff;
}
.hero-inner{display:grid; grid-template-columns: 1.35fr 0.65fr; gap:24px; align-items:start}
.hero h1{font-size: clamp(28px, 4vw, 44px); line-height:1.1; margin:0 0 14px}
.lead{font-size:18px; color: rgba(255,255,255,0.88); margin:0 0 18px}
.hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin:16px 0 18px}

.proof{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:18px}
.proof-card{background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:14px 12px}
.proof-number{font-size:22px; font-weight:900; margin-bottom:4px}
.proof-label{font-size:13px; color:rgba(255,255,255,0.82)}
.fineprint{font-size:12px; color:rgba(255,255,255,0.75); margin-top:14px}

.hero-panel{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); border-radius:18px; padding:18px}
.hero-panel h2{margin:0 0 10px; font-size:18px}
.checklist{list-style:none; padding:0; margin:0}
.checklist li{padding-left:26px; position:relative; margin:10px 0; color:rgba(255,255,255,0.9)}
.checklist li::before{content:"✓"; position:absolute; left:0; top:0; color:var(--brand2); font-weight:900}

.section{padding:56px 0}
.section.alt{background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.section-head{margin-bottom:18px}
.section-head h2{font-size:28px; margin:0 0 8px}
.section-head p{margin:0; color:var(--muted)}

.grid{display:grid; gap:16px}
.grid.three{grid-template-columns: repeat(3, 1fr)}
.grid.four{grid-template-columns: repeat(4, 1fr)}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.05);
}
.card h3{margin:0 0 8px}
.card p{color:var(--muted); margin:0 0 10px}
.card ul{margin:0; padding-left:18px; color:var(--muted)}
.card li{margin:8px 0}

.callout{
  margin-top:18px;
  background: linear-gradient(135deg, rgba(14,165,233,0.12), rgba(30,58,138,0.12));
  border:1px solid rgba(30,58,138,0.18);
  border-radius:18px;
  padding:18px;
  display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.callout h3{margin:0 0 6px}
.callout p{margin:0; color:var(--muted)}

.step{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px}
.step-num{width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(14,165,233,0.18); border:1px solid rgba(14,165,233,0.22); font-weight:900; color:var(--brand); margin-bottom:10px}

.about{display:grid; grid-template-columns: 1.1fr 0.9fr; gap:18px; align-items:start}
.small{font-size:13px; color:var(--muted)}

.contact-grid{display:grid; grid-template-columns: 0.9fr 1.1fr; gap:16px}
.contact-lines a{font-weight:700}
.form label{display:block; margin:10px 0; font-weight:700; color:var(--ink)}
input, textarea{width:100%; margin-top:6px; padding:10px 12px; border-radius:12px; border:1px solid var(--line); font:inherit}
textarea{resize:vertical; min-height:120px}
.form .btn{width:100%; margin-top:10px}

.site-footer{border-top:1px solid var(--line); padding:22px 0; background:#ffffff}
.footer-inner{display:grid; grid-template-columns: 1fr auto 1fr; gap:10px; align-items:center}
.footer-links{display:flex; gap:14px; justify-content:center}
.footer-links a{color:var(--muted); font-weight:700}
.footer-inner .small{justify-self:end}

@media (max-width: 900px){
  .grid.three{grid-template-columns: 1fr}
  .grid.four{grid-template-columns: 1fr}
  .hero-inner{grid-template-columns: 1fr}
  .about{grid-template-columns: 1fr}
  .contact-grid{grid-template-columns: 1fr}
  .proof{grid-template-columns: 1fr}
  .nav{display:none}
  .nav-toggle{display:block}
  .footer-inner{grid-template-columns: 1fr; text-align:center}
  .footer-links{justify-content:center}
  .footer-inner .small{justify-self:center}
}