:root{
  --tl-primary:#355C7D; --tl-deep:#345B7C; --tl-night:#2D5578; --tl-horizon:#335A7C;
  --tl-white:#FFFFFF; --tl-bg:#F8FAFC; --text:#0f172a; --muted:#475569;
  --radius:14px; --shadow:0 8px 28px rgba(0,0,0,.08);
  --s1:8px; --s2:12px; --s3:16px; --s4:24px; --s5:32px; --s6:48px; --s7:64px; --s8:96px;
}
*{box-sizing:border-box}
body{background:var(--tl-bg);color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.2;color:#0b2545;margin:0 0 var(--s3)}
.container{max-width:1200px;margin:0 auto;padding:0 var(--s5)}
a{color:inherit}
/* Buttons */
.btn{display:inline-block;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--tl-white);color:var(--tl-primary)}
.btn-alt{background:var(--tl-horizon);color:#fff}
/* Custom header/footer (hide Kadence header/footer on these templates) */
.header{position:sticky;top:0;background:var(--tl-primary);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);z-index:40}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:36px;max-width:180px}
.menu{display:flex;gap:18px}
.menu a{color:#fff;text-decoration:none;opacity:.95;font-weight:600}
.menu a:hover{opacity:1;text-decoration:underline}
.hero{background:var(--tl-primary);color:#fff;padding:var(--s8) 0 var(--s7)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s6);align-items:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);margin:var(--s7) 0}
.card{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s5)}
.band{background:var(--tl-deep);color:#fff;padding:var(--s7) 0;margin:var(--s7) 0;border-radius:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);margin-top:var(--s4)}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:16px;border-radius:12px;text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin:var(--s7) 0}
.panel{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:var(--radius);padding:var(--s5)}
.newsletter{background:var(--tl-horizon);color:#fff;border-radius:var(--radius);padding:var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.newsletter form{display:flex;gap:10px;flex-wrap:wrap}
.newsletter input{padding:14px 16px;border-radius:10px;border:none;min-width:260px}
.newsletter button{padding:14px 18px;border-radius:10px;border:none;font-weight:700;background:#fff;color:var(--tl-horizon);cursor:pointer}
footer.site-overridden{background:var(--tl-night);color:#fff;padding:var(--s6) 0;margin-top:var(--s7)}
footer.site-overridden .cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}
footer.site-overridden small{opacity:.85}
/* Insights grid */
.li-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);margin:var(--s6) 0}
.li-tile{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.li-thumb{width:100%;height:180px;background:#e2e8f0;object-fit:cover}
.li-body{padding:16px}
.li-title{font-size:18px;font-weight:700;color:#0b2545;margin:0 0 8px}
.li-text{font-size:14px;color:#475569;margin:0 0 12px}
.li-meta{font-size:12px;color:#64748b;margin-top:auto;padding:0 16px 16px}
.li-link{display:inline-block;background:var(--tl-horizon);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
/* Hide Kadence default header/footer on our templates */
.page-template-tidelight-home .site-header,
.page-template-tidelight-services .site-header,
.page-template-tidelight-about .site-header,
.page-template-tidelight-contact .site-header,
.page-template-tidelight-insights-curated .site-header,
.page-template-tidelight-home .site-footer,
.page-template-tidelight-services .site-footer,
.page-template-tidelight-about .site-footer,
.page-template-tidelight-contact .site-footer,
.page-template-tidelight-insights-curated .site-footer { display:none; }
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .menu{display:none}
}