/*
Theme Name: Next Level Consulting
Theme URI: https://thenextlevelconsulting.ca
Author: The NXT LVL Consulting Inc.
Description: Daylight theme for Next Level Consulting: commercial energy gateway for the GTA and York Region, with the free industry benchmark questionnaire.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nextlevel
*/
body{margin:0;background:#F3F7FA}
a{color:#3F8A1F}a:hover{color:#0B2540}
.B{--navy:#0B2540;--blue:#3F8A1F;--sky:#F3F7FA;--mist:#E3EDF4;--line:#C7D3DE;--mute:#4A5D70;--sun:#F2B544;--leaf:#127A5B;width:100%;background:#F3F7FA;color:#0B2540;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:17px;line-height:1.6}
.B .wrap{max-width:1200px;margin:0 auto;padding:96px 24px;box-sizing:border-box}
.B .eb{margin:0;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--blue)}
.B .h1{margin:16px 0 0;font-weight:800;font-size:clamp(40px,5vw,62px);line-height:1.05;letter-spacing:-.03em;color:var(--navy);max-width:900px}
.B .h2{margin:12px 0 0;font-weight:800;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.02em;max-width:820px;color:var(--navy)}
.B .lead{margin:16px 0 0;font-size:19px;color:var(--mute);max-width:700px}
.B .card{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:30px;box-sizing:border-box;box-shadow:0 1px 2px rgba(11,37,64,.04),0 8px 24px rgba(11,37,64,.06);transition:transform .25s ease,box-shadow .25s ease}
.B .card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(11,37,64,.06),0 16px 36px rgba(11,37,64,.1)}
.B .card h3{margin:0 0 8px;font-size:21px;color:var(--navy)}
.B .card p{margin:0;color:var(--mute);font-size:16px}
.B .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:56px;box-sizing:border-box;padding:0 28px;border-radius:999px;background:var(--blue);color:#FFFFFF;font-weight:700;font-size:17px;text-decoration:none;transition:background .2s ease,transform .2s ease}
.B .btn:hover{background:var(--navy);color:#FFFFFF;transform:translateY(-1px)}
.B .btn::after{content:'';position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.B .ghost{display:inline-flex;align-items:center;min-height:56px;box-sizing:border-box;padding:0 26px;border-radius:999px;border:1.5px solid var(--navy);color:var(--navy);text-decoration:none;font-weight:600}
.B .ghost:hover{background:var(--navy);color:#FFFFFF}
.B .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:44px}
.B .split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.B .split>*{flex:1 1 440px;min-width:0}
.B .ico{width:52px;height:52px;border-radius:14px;background:var(--mist);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.B .tick{display:flex;gap:12px;align-items:flex-start;color:var(--navy)}
.B .tick svg{flex:0 0 auto;margin-top:3px;color:var(--leaf)}
.B .more{display:inline-block;margin-top:14px;font-weight:700}
.B .crumb{margin:0 0 18px;font-size:14px;color:var(--mute)}
.B .crumb a{color:var(--mute)}
.B .band{background:#FFFFFF;border-top:1px solid var(--mist);border-bottom:1px solid var(--mist)}
.B table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:15px}
.B th,.B td{padding:15px 16px;border-bottom:1px solid var(--mist);text-align:left;vertical-align:top;color:var(--mute)}
.B thead th{color:var(--navy);font-weight:700}
.B tbody th{color:var(--navy);font-weight:600}
.B td.us{background:#EAF5E3;color:var(--navy);font-weight:700;background-image:linear-gradient(#DCEFD0,#DCEFD0);background-repeat:no-repeat;background-size:100% 100%}
.B details{background:#FFFFFF;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-top:12px}
.B summary{font-weight:700;font-size:18px;color:var(--navy);cursor:pointer;min-height:28px}
.B details p{margin:12px 0 0;color:var(--mute)}
@property --p{syntax:'<integer>';initial-value:30;inherits:false}
.B .cnt{counter-reset:p var(--p);animation:cnt 2s cubic-bezier(.2,.7,.2,1) both}
.B .cnt::after{content:counter(p)}
.B .fan{transform-box:fill-box;transform-origin:center;animation:spin .35s linear infinite}
.B .air{animation:air 1.5s ease-out infinite}.B .air.a2{animation-delay:.5s}.B .air.a3{animation-delay:1s}
.B .heat{animation:heat 2.2s ease-in-out infinite}.B .heat.h2{animation-delay:.7s}.B .heat.h3{animation-delay:1.4s}
.B .ring{transform-box:fill-box;transform-origin:center;animation:ring 1.8s ease-out infinite}
.B .cherry{animation:cherrydrop 1.1s cubic-bezier(.3,1.4,.5,1) both}
@keyframes cnt{from{--p:0}to{--p:30}}
@keyframes cherrydrop{from{transform:translateY(-110px);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes air{0%{opacity:0;transform:translateY(12px)}30%{opacity:1}100%{opacity:0;transform:translateY(-40px)}}
@keyframes heat{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}100%{opacity:0;transform:translateY(-26px)}}
@keyframes ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(2);opacity:0}}
@keyframes shine{0%,60%{left:-80px}100%{left:110%}}
@keyframes rise{from{opacity:0;transform:translateY(70px) scale(.94)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.3) rotate(-20deg)}70%{transform:scale(1.15) rotate(4deg)}100%{transform:none}}
@keyframes sweep{from{background-size:0% 100%}to{background-size:100% 100%}}
@supports (animation-timeline: view()){
.B .rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.B .grid>.rv:nth-child(2){animation-range:entry 12% cover 42%}
.B .grid>.rv:nth-child(3){animation-range:entry 24% cover 52%}
.B .ico{animation:pop linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
.B td.us{animation:sweep linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
.B .cnt{animation:cnt linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.B .cherry{animation:cherrydrop linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
}
@media (prefers-reduced-motion: reduce){.B *{animation:none!important;transition:none!important}}