/*
Theme Name: Savannah Webworks – Aesthetic Child (Kadence)
Template: kadence
Version: 2.0
Description: Refined child theme with clean layout, generous whitespace, accent underlines, and conversion-focused blocks.
*/

:root{
  --bg:#ffffff;
  --ink:#0b1324;
  --muted:#6b7280;
  --line:#e5e7eb;
  --brand:#0f766e;   /* deep teal */
  --brand-ink:#063f3a;
  --accent:#ca8a04;  /* acacia gold accent */
  --radius:16px;
  --shadow:0 8px 30px rgba(2,8,20,.06);
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;line-height:1.6}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.section-sm{padding:48px 0}
.center{text-align:center}
.sub{color:var(--muted)}

/* Headings */
.h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:0 0 12px}
.h2{font-size:clamp(28px,4vw,40px);line-height:1.16;margin:0 0 8px}
.h3{font-size:clamp(20px,2.5vw,26px);margin:0 0 6px}

/* Accent underline */
.underline{display:inline-block;position:relative;padding-bottom:10px}
.underline:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:72px;background:linear-gradient(90deg,var(--accent),var(--brand));border-radius:999px}

/* Buttons */
.btn{display:inline-block;padding:14px 20px;border-radius:12px;font-weight:700;text-decoration:none}
.btn-brand{background:var(--brand);color:#fff;box-shadow:var(--shadow)}
.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff}
.btn-brand:hover{filter:brightness(.95)}
.btn-ghost:hover{background:#f8fafc}

/* Grids & cards */
.grid{display:grid;gap:22px;grid-template-columns:repeat(12,1fr)}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}
@media(max-width:980px){.col-8,.col-6,.col-4{grid-column:span 12}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.badge{display:inline-block;background:#ecfeff;color:#155e75;border:1px solid #cffafe;border-radius:999px;padding:6px 10px;font-weight:600;font-size:.85rem;margin-bottom:10px}

/* Hero */
.hero{background:#0b1324;color:#fff;padding:120px 0}
.hero .sub{color:#cbd5e1}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* Feature list */
.checks{list-style:none;margin:12px 0 0;padding:0}
.checks li{padding-left:26px;position:relative;margin:8px 0}
.checks li:before{content:"✓";position:absolute;left:0;top:0;color:#10b981;font-weight:800}

/* Metrics */
.metrics{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;box-shadow:var(--shadow)}
.metric .num{font-size:28px;font-weight:900;color:var(--brand)}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}}

/* CTA band */
.cta{background:linear-gradient(135deg,#0f766e,#0b1324);color:#fff;border-radius:20px;padding:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}
.cta .buttons{display:flex;gap:12px;flex-wrap:wrap}

/* Sticky footer */
.sw-sticky-footer{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#0b1324;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.sw-sticky-footer .inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.sw-sticky-footer img{height:26px;width:auto}
.sw-sticky-footer a{color:#fff;text-decoration:none}
body{padding-bottom:64px}