/* Full-page parallax background under everything */
body:before{
  content:"";
  position:fixed;
  inset:0;
  background: url('../img/bg.jpg') center/cover no-repeat fixed;
  z-index:-1;
  will-change: transform;
  transform: translateZ(0);
}

/* Minimal base */
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#2f2f38}
h1,h2{margin:0 0 12px}
p{line-height:1.65}

/* Sections transparent so BG shows through */
.speechsa .section{padding:84px 20px; background:transparent}
.speechsa .inner{max-width:900px; margin:0 auto}

/* HERO */
.speechsa .hero{padding-top:140px; padding-bottom:80px; text-align:center}
.speechsa .hero .logo{height:220px; width:auto; filter: drop-shadow(0 4px 16px rgba(0,0,0,.18));}

/* CTA buttons */
.speechsa .cta-grid{display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:14px}
@media(max-width:600px){.speechsa .cta-grid{grid-template-columns:1fr}}
.speechsa .cta{
  display:inline-block; text-align:center; padding:14px 18px; border-radius:14px;
  background:rgba(255,255,255,.88); color:#2d2d35; text-decoration:none; font-weight:600;
  box-shadow:0 4px 16px rgba(0,0,0,.08); transition:transform .2s ease, box-shadow .2s ease, background .2s ease
}
.speechsa .cta:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.10); background:#ffffff}

/* Card */
.speechsa .card{background:rgba(255,255,255,.9); border-radius:16px; padding:20px; box-shadow:0 8px 28px rgba(0,0,0,.06)}

/* Floating LinkedIn button */
.floating-linkedin{position:fixed; right:14px; bottom:14px; width:44px; height:44px; border-radius:12px; background:#0A66C2; box-shadow:0 8px 24px rgba(0,0,0,.18); z-index:9999}
.floating-linkedin::after{content:"in"; position:absolute; inset:0; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:Arial, Helvetica, sans-serif}
.linkedIn.inline,.linkedin.inline{color:#0A66C2}