/* ===========================================================================
   Canada Create — universal motion + 3D components (v3, 2026-09-23)
   Loaded on every front-end page (blogs, service pages, landings) so the same
   standards apply everywhere:
     1. .cc-svc-glow  — stacking context only (the red glow layer was removed 17 Oct 2026)
     2. surfaces       — cards, price boxes, work items and tables lift on hover (no pointer tracking), border warms up
     3. .cc-reveal    — unveil on scroll (only when the script runs: .cc-js)
     4. Tables        — one universal comparison-table style, sealed corners,
                        no bottom gap, 3D wrap, row hover
     5. .cc-svc-inline-cta — the inline CTA box: copy left, button + toll-free
                        line right. Used twice per blog post.
   Reduced-motion and touch (hover:none) are respected throughout.
   ========================================================================= */

/* ---- 1. stacking context for banded sections (the red glow layer was removed 17 Oct 2026) ---- */
.cc-svc-glow{position:relative;isolation:isolate}
.cc-svc-glow>*{position:relative;z-index:1}
.cc-svc-glow--hero{overflow:hidden}


/* ---- 2. hover surfaces ----------------------------------------------------- */






/* ---- 3. scroll reveal --------------------------------------------------- */



/* once revealed, the 3D transform takes over again */




/* ---- 4. tables: universal ---------------------------------------------- */






body[class] .cc-table thead th.cc-col-highlight{background:var(--cc-red,#e31507)}


body[class] .cc-table tbody tr:nth-child(even){background:var(--cc-paper,#f6f8fb)}



/* a CTA band that lives inside the wrap keeps the sealed corners */

.cc-table-wrap+.cc-table-tabs{margin-top:14px}

/* ---- 5. inline CTA box (blogs + service pages) -------------------------- */











/* ---- responsive / accessibility ---------------------------------------- */