@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800;900&display=swap');

/* Sparkle Insights 2026 homepage redesign — bold color-blocking inspired by a
   sleek agency template, in the logo's coral + cyan, with near-black as the
   connective tissue between bright blocks. All classes are namespaced .sx-* and
   styles are scoped so they never touch the scraped Bricks markup elsewhere. */
:root{--sx-coral:#FB4A2C;--sx-cyan:#10B7EF;--sx-ink:#0E1822}

/* ---- Hero headline overlaid on the existing Vimeo paint-splash video ---- */
.hero-11{position:relative}
.sx-hero-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0 7vw;font-family:'Poppins',sans-serif}
.sx-h1{margin:0 0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.sx-hl{display:inline-block;background:var(--sx-ink);color:#fff;font-weight:900;letter-spacing:-.03em;line-height:1.14;padding:4px 16px;font-size:clamp(30px,5.4vw,60px)}
.sx-hl .c{color:var(--sx-coral)}
.sx-hl .y{color:var(--sx-cyan)}
.sx-subhl{display:inline-block;background:var(--sx-ink);color:var(--sx-cyan);font-weight:500;font-size:clamp(13px,1.6vw,17px);padding:7px 15px;margin-bottom:30px}
.sx-pill{display:inline-block;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;padding:15px 36px;font-size:15px;font-family:'Poppins',sans-serif;transition:transform .15s ease,filter .15s ease}
.sx-pill:hover{transform:translateY(-2px);filter:brightness(1.05)}
.sx-pill--coral{background:var(--sx-coral);color:#fff}
.sx-pill--cyan{background:var(--sx-cyan);color:#fff}

/* ---- Color-block sections ---- */
.sx-sec{font-family:'Poppins',sans-serif;padding:clamp(60px,8vw,96px) clamp(26px,6vw,72px)}
.sx-sec.ink{background:var(--sx-ink)}
.sx-sec.cyan{background:var(--sx-cyan)}
.sx-sec.coral{background:var(--sx-coral)}
.sx-sec.paper{background:#FCF4DE}
.sx-inner{max-width:1180px;margin:0 auto}
.sx-big{font-weight:900;letter-spacing:-.035em;line-height:.96;margin:0 0 40px;font-size:clamp(38px,6.4vw,62px)}
.sx-sec.ink .sx-big{color:var(--sx-cyan)}
.sx-sec.cyan .sx-big{color:var(--sx-ink)}
.sx-sec.coral .sx-big{color:#fff}
.sx-sec.paper .sx-big{color:var(--sx-coral)}
.sx-indent{margin-left:0}
@media(min-width:760px){.sx-indent{margin-left:14%}}
.sx-kick{font-size:15px;font-weight:600;margin:0 0 20px}
.sx-body{font-size:clamp(15px,1.7vw,17px);line-height:1.65;max-width:560px;margin:0}
.sx-sec.ink .sx-kick{color:#6f8398}.sx-sec.ink .sx-body{color:#adbed3}
.sx-sec.cyan .sx-kick{color:#0e1822aa}.sx-sec.cyan .sx-body{color:#0e1822}
.sx-sec.coral .sx-kick{color:#ffd8cf}.sx-sec.coral .sx-body{color:#ffe6df}
.sx-sec.paper .sx-kick{color:#0e1822aa}.sx-sec.paper .sx-body{color:#33414f}
.sx-rule{height:1px;border:0;margin:46px 0}
.sx-sec.ink .sx-rule{background:#ffffff1f}.sx-sec.cyan .sx-rule{background:#0e182233}.sx-sec.coral .sx-rule{background:#ffffff3d}.sx-sec.paper .sx-rule{background:#0e182218}

/* Services grid */
.sx-row{display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:680px){.sx-row{grid-template-columns:1fr 1fr;gap:54px 48px}}
.sx-item .sx-ic{display:block;width:42px;height:42px;color:var(--sx-ink);margin-bottom:16px}
.sx-item h3{font-size:clamp(20px,2.4vw,26px);font-weight:800;margin:0 0 4px;color:var(--sx-ink);letter-spacing:-.02em}
.sx-item .sx-st{font-size:14px;font-weight:600;margin:0 0 11px;color:#0e1822aa}
.sx-item p{font-size:15px;line-height:1.6;margin:0;color:#0e1822cc;max-width:320px}

/* Testimonials */
.sx-tcard{display:grid;grid-template-columns:1fr;gap:14px;padding:32px 0;border-top:1px solid #ffffff3d}
@media(min-width:680px){.sx-tcard{grid-template-columns:210px 1fr;gap:28px;align-items:start}}
.sx-tname{display:inline-block;background:var(--sx-ink);color:#fff;font-weight:600;padding:6px 14px;font-size:15px}
.sx-tquote{display:block;color:#fff;font-size:16.5px;line-height:1.62;margin:0;max-width:680px}
.sx-note{font-size:12px;color:#ffd8cfcc;margin-top:18px}

/* Our work */
.sx-work{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
@media(min-width:760px){.sx-work{grid-template-columns:360px 1fr;gap:48px}}
.sx-shot{height:230px;border-radius:4px;background:repeating-linear-gradient(90deg,#1b1f26 0 11px,#343a42 11px 23px),linear-gradient(180deg,#23272d,#3a3f47)}
.sx-work h3{color:var(--sx-cyan);font-weight:800;font-size:clamp(22px,2.6vw,28px);margin:0 0 6px;letter-spacing:-.02em}
.sx-work .sx-st{color:#7f93a9;font-size:15px;font-weight:600;margin:0 0 16px}
.sx-work p{color:#aebfd2;font-size:15px;line-height:1.65;margin:0;max-width:560px}
.sx-cta-wrap{margin-top:36px}

/* Case-study cards (in the dark Our work section) */
.sx-cases{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px}
@media(min-width:880px){.sx-cases{grid-template-columns:repeat(3,1fr)}}
.sx-case{border:1px solid #ffffff20;border-radius:14px;padding:26px 26px;background:#ffffff07}
.sx-case .sx-cat{font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--sx-coral);margin:0 0 10px}
.sx-case h3{font-size:19px;font-weight:800;color:#fff;margin:0 0 7px;letter-spacing:-.01em;line-height:1.22}
.sx-case .sx-cl{font-size:12.5px;color:#8aa0bb;margin:0 0 14px;font-weight:500}
.sx-case p{font-size:13.5px;line-height:1.55;color:#aebfd2;margin:0 0 9px}
.sx-case p:last-child{margin-bottom:0}
.sx-case .sx-lbl{display:block;color:var(--sx-cyan);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.sx-case .sx-meta{font-size:12.5px;line-height:1.5;color:#9fb1c5;margin:0 0 12px}
.sx-case .sx-meta:last-child{margin-bottom:0}

/* Homepage services — four white cards on the cyan band */
.sx-scards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.sx-scard{background:#fff;border-radius:16px;padding:28px 26px;box-shadow:0 16px 32px -20px rgba(6,40,60,.55)}
.sx-sic{width:48px;height:48px;border-radius:12px;background:#FFE9E3;color:var(--sx-coral);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sx-sic svg{width:25px;height:25px}
.sx-scard h3{font-size:19.5px;font-weight:800;letter-spacing:-.015em;color:var(--sx-ink);margin:0 0 3px}
.sx-scard .sx-csub{font-size:13px;font-weight:600;color:var(--sx-coral);margin:0 0 11px}
.sx-scard p{font-size:13.5px;line-height:1.55;color:#475a6b;margin:0}
.sx-sfoot{margin-top:32px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.sx-btn2{display:inline-block;background:var(--sx-ink);color:#fff;border-radius:999px;font-weight:600;font-size:14.5px;padding:14px 32px;text-decoration:none;transition:transform .15s}
.sx-btn2:hover{transform:translateY(-2px)}
.sx-ssline{font-size:13px;color:#0c3148;font-weight:500;line-height:1.5}
.sx-ssline a{color:var(--sx-ink);font-weight:700;text-decoration:underline}
@media(max-width:760px){.sx-scards{grid-template-columns:1fr}}